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