DOM 文档对象模型

dom (document object model)文档对象模型

**   ** 由 W3C 提出的一套标准,可使用 js 访问，修改，删除，添加文档的内容样式和结构。

---

**dom  节点树   **

文档 document     document 节点

html  根节点       根节点。 root node

* 标签           元素节点     element node

*  元素的属性        属性节点     attr node

* 标签之间的      文本节点     text node

注释            注释节点     comment node

获取节点的方式

**   **     document.getElementById(‘divid’)

子节点

**    hasChildNodes():–是否有子节点，返回值 true 或者 false**

**   ** childNodes  所有子节点，包含文本节点和元素节点(甚至回车)

children  所有得子元素节点 //更靠谱

firstChild  第一个子节点，可以是文本节点（包含换行）。

firstElementChild  第一个子元素节点。

nextSibling  弟弟节点

nextElementSibling  弟弟元素节点

previousSibling  相邻哥哥节点

previousElementSibling  相邻哥哥元素节点

parentNode、 父节点

parentElement    父元素节点

======= 属性节点 ========

** **   元素节点.attributes  –获取所有得属性节点 ，返回数组

======= 属性的值 ========

元素节点。属性名称   –div.id  代表节点 div 的 id 的值。

div.getAttribute(属性名)  –获取属性的值。

节点.setAttribute(属性名，属性值)

节点.removeAttribute(属性名)

节点的区别

**    ****   ** 元素节点：

nodeName: 标签名大写

nodeType: 1

nodeValue: null

属性节点：

nodeName:属性名

nodeType:2

nodeValue:属性的值

文本节点

nodeName:’#test’

nodeType:3

nodeValue:文本的内容

触底加载更多

target.scrollHeight - target.scrollTop === target.clientHeight