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