DOM树

HTML的dom树节点主要有

文档节点：代表当前的HTML文档

文本节点：元素中的内容

元素节点：页面中的元素，用标签名表示

属性节点：元素中的属性

获取节点的方式：

Tag:document.getElementsByTagName()

id:document.getElementById()

class:document.getElementsByClassName()

name:document.getElementsByTagName()

selector:document.querySelector()

selector:document.querySelectorAll()

获取/设置文本节点

innerText:纯文本

innerHTML:包含HTML并能解析的文本

ContentText:innerText的加强版

节点遍历

parentNode:父节点，只可能是元素或文档类型节点

firstChild:第一个子节点，可以是任意类型

lastChild:最后一个节点，可以使任意类型

兄弟节点

nextSibling:后一个兄弟节点，可以使任意类型

previousSibling:前一个兄弟节点，可以使任意类型

实际工作中用到最多的是元素节点，js提供了专用元素节点的遍历属性

parentelementnode:父元素节点

firstelementchild:第一个子元素节点

lastelementchild:最后一个元素节点

兄弟关系

nextelementsibling:后一个兄弟元素节点、

previouselementsibling:前一个兄弟元素节点