DOM介绍以及常用属性方法总结

DOM（Document object Model）文档对象模型

作用：将网页转为JS对象，从而进行各种操作（不同的浏览器厂商提供的api可能不同，所以dom存在兼容性问题）

节点(Node)

概念：DOM最小组成单位

常用节点：

        文档节点（document）:不需要获取，可直接使用

        元素节点（Element）：HTML文档中HTML标签

        属性节点（Attribute）:元素属性（属性节点是元素节点的一部分）

        文本节点(Text):HTML标签中的文本

        其他节点：DocumentType、Comment(注释)

Node类型

属性：

1、nodeType返回整数值，表示节点类型

     常用节点： 文档节点（document）9

                         元素节点（Element）1

                         属性节点（arttr）2

                          文本节点（text）3

2、nodeName返回节点名称

返回的节点名称全部大写

3、nodeValue属性返回一个字符串

元素节点增、删、改、查

增加：document.createElement（）

            父元素.appendChild()   在子元素最后添加

            父元素.insertBefore()   在子元素开头添加

删除：父元素.removeChild()  删除子元素

 修改：父元素.replceChild(新节点，旧节点)

查：（属性）

        parentNode 

        children    返回类数组对象

         nextElementSibling  下一个兄弟节点

        previousElementSibling  前一个兄弟元素