DOM，HTMLDOM的区别和联系

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。 本文链接：https://blog.csdn.net/Agou333/article/details/100827383

DOM分为三部分

（1）核心DOM：遍历DOM树、添加新节点、删除节点、修改节点
（2）HTML DOM：以一种简便的方法访问DOM树
（3）XML DOM：准用于操作XML文档

核心DOM与HTML DOM的区别：

核心DOM：

对象：

Document,Node, ElementNode, TextNode,AttributeNode，CommentNode, NodeList

核心DOM提供了统一的操作接口，如：

createElement、appendChild、setAttribute

等
核心DOM创建新元素：

var newNode = document.createElement("img")

给元素添加属性：

e.setAttribure()、e.setAttribureNode()

适用场合：核心DOM适合操作节点，如创建，删除，查找等

HTML DOM：

对象：

image, Table, Form, Input,Select

等等HTML标签对象化
HTML DOM提供了封装好的各种对象，如：Select、Option等等
适用场合：HTML DOM适合操作属性，如读取或修改属性的值