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适合操作属性,如读取或修改属性的值