Posted on 2008-10-03 15:59
xcp 閱讀(2683)
評(píng)論(4) 編輯 收藏 所屬分類(lèi):
Ajax 、
Javascript
一.dom對(duì)象的只讀屬性
*.firstChild 返回一個(gè)對(duì)象,表示當(dāng)前節(jié)點(diǎn)第一個(gè)子節(jié)點(diǎn)
*.lastChild 返回一個(gè)對(duì)象,表示當(dāng)前節(jié)點(diǎn)最后一個(gè)子節(jié)點(diǎn)
*.nextSibling 返回一個(gè)對(duì)象,表示當(dāng)前節(jié)點(diǎn)的下一個(gè)兄弟節(jié)點(diǎn)
*.previousSibling返回一個(gè)對(duì)象,表示當(dāng)前節(jié)點(diǎn)的上一個(gè)兄弟節(jié)點(diǎn)
*.parentNode 返回一個(gè)對(duì)象,表示當(dāng)前節(jié)點(diǎn)的父對(duì)象
*.nodeName 返回一個(gè)字符串,表示當(dāng)前節(jié)點(diǎn)對(duì)應(yīng)的html標(biāo)記
*.nodeType 返回一個(gè)數(shù)字,1表示標(biāo)簽,2表示屬性,3表示文本項(xiàng)
二.dom對(duì)象的可讀寫(xiě)屬性
*.nodeValue 返回一個(gè)字符串,表示文本項(xiàng)的值,如果為其他類(lèi)型的節(jié)點(diǎn),返回null
*.data 返回一個(gè)字符串,表示文本項(xiàng)的值,如果為其他類(lèi)型的節(jié)點(diǎn),返回undefined
總結(jié):由于這些是可以寫(xiě)的屬性,所有說(shuō)我們可以動(dòng)態(tài)的修改前臺(tái)數(shù)據(jù),比如(文本節(jié)點(diǎn).nodeValue = "動(dòng)態(tài)的值"
三.dom對(duì)象的集合屬性
*.childNodes 返回一個(gè)對(duì)象數(shù)組,表示當(dāng)前節(jié)點(diǎn)的所有子節(jié)點(diǎn)集合
*.attributes 返回一個(gè)對(duì)象數(shù)組,表示當(dāng)前節(jié)點(diǎn)的所有屬性集合,通過(guò)id來(lái)訪問(wèn),比如attributes.id 或 cn2.border 例:attributes.border.nodeValue=10但是一般不這么用,因?yàn)橛懈?jiǎn)單的用法
四.常用的dom方法
*.documentElement返回文檔的根節(jié)點(diǎn) 例:document.documentElement.nodeName
*.activeElement 返回當(dāng)前文檔中被激活的標(biāo)簽節(jié)點(diǎn) 例:document.activeElement.nodeName
*.createElement(sNode) 新增標(biāo)簽節(jié)點(diǎn),參數(shù)為標(biāo)簽名 例:var newnode = document.createElement("div")
*.createTextNode(text) 創(chuàng)建包含靜態(tài)文本的節(jié)點(diǎn) 例:var newText = document.createTextNode("建包含靜態(tài)文本的節(jié)點(diǎn) ");
*.document.createAttribute("name") 創(chuàng)建屬性
*.document.createComment() 創(chuàng)建注釋
*.document.createStyleSheet(); 創(chuàng)建樣式
*.document.createEventObject() 創(chuàng)建事件對(duì)象
*.總要是用前二個(gè)
*.appendChild(oNode) 追加子節(jié)點(diǎn) 例: table(一個(gè)源節(jié)點(diǎn)).appendChild(oNode(一個(gè)新的節(jié)點(diǎn)));
*.removeChild(oNode) 刪除子節(jié)點(diǎn) 例: table(一個(gè)源節(jié)點(diǎn)).removeChild(oNode);
*.getAttribute(name) 得到標(biāo)簽對(duì)象屬性名稱(chēng)為name的值 例:tablenode.getAttribute("border")
*.setAttribute(name,value) 設(shè)置指定標(biāo)簽對(duì)象的值 例:tablenode.setAttribute("border",10);
*.insertBefore(newNode,targetNode) 將新的newNode節(jié)點(diǎn)插入在目標(biāo)節(jié)點(diǎn)targetNode之前
*.removeNode(name) 刪除以name命名的節(jié)點(diǎn)
*.replaceNode(newNode,oldNode) 以newNode節(jié)點(diǎn)替代oldNode
*.hasChildNodes 返回布爾值,判斷是否有子節(jié)點(diǎn)
名稱(chēng): ?4C.ESL | .↗Evon
口號(hào): 遇到新問(wèn)題?先要尋找一個(gè)方案乄而不是創(chuàng)造一個(gè)方案こ
mail: 聯(lián)系我