JS的DOM(二)節點操作
innerHTML修改節點文字,也可以增加標籤。
innerTEXT只能修改文字。
DOM節點的style屬性對應所有的CSS,可以直接獲取或設定。JS中的屬性名要用駝峰形式。
getAttribute(屬性名)可以獲取指定屬性。
setAttribute(屬性名,屬性值)可以設定指定屬性。
attributes可以獲取節點所有屬性。
獲得節點型別nodeType:
1------> 元素節點
2------> 屬性節點
3------> 文字節點
9------> 文件節點
節點建立:
元素節點:document.createElement(tag標籤名稱);
文字節點:document.createTextNode(文字內容);
節點追加:
父節點.appendChild(子節點);
父節點.insertBefore(newnode,oldnode); //newnode放到oldnode的前邊
父節點.replaceChild(newnode,oldnode); //newnode替換到oldnode節點
節點複製:被複制節點.cloneNode(true/false);
true:深層複製
false:淺層複製
節點刪除:父節點.removeChild(子節點);