常用DOM结构方法总结

---内容开始---

获取元素的方法:

getElementById()　　　　　　通过ID名获取元素

getElementsByTagName()　　通过元素(标签)名称

getElementsByClassName()　 通过class类数组

getElementsByName()　　　　通过name属性值

 

DOM中的方法

appendChild()　　　　　　　　追加一个子节点

removeChild()　　　　　　　　删除一个子节点

replaceChild()　　　　　　　　替换一个子节点

insertBefore()　　　　　　　　在某个节点之前插入一个元素

createAttribute()　　　　　　  创建一个属性节点

createElement()　　　　　　　创建一个元素节点

createTextNode()　　　　　　　创建一个文本节点

getAttribute()　　　　　　　　获取属性

setAttribute()　　　　　　　　设置属性

 

节点对象的几个属性:

parentNode　　　　　　　　　　当前节点的哪个唯一的直接父节点

firstChild　　　　　　　　　　　当前节点的第一个子节点

lastChild　　　　　　　　　　　当前节点的最后一个子节点

nextsibling　　　　　　　　　　当前节点的下一个兄弟节点

previousSibling　　　　　　　　当前节点的上一个兄弟节点

childNodes　　　　　　　　　　当前节点的所有子节点，组成一个类数组对象

nodeType　　　　　　　　　　　节点的类型

nodeValue　　　　　　　　　　设置或返回指定节点的节点值

nodeName　　　　　　　　　　属性指定节点的节点名称

 

元素树的文档

firstElementChild　　　　　　   第一个子元素节点

lastElementChild　　　　　　　最后一个子元素节点

nextElementChild　　　　　　  下一个兄弟元素节点

previousElementChild　　　　  前一个兄弟元素节点

parentElement　　　　　　　　获取父元素节点

innerHTML　　　　　　　　　　读取或设置元素节点中html内容

innerText　　　　　　　　　　　读取或设置元素节点中的文本内容

---内容结束---

转载于:https://www.cnblogs.com/Mousika/p/6994788.html