HTML DOM与核心DOM的区别

点击上方蓝字，关注↑“前端狂”

__

分享最实用前端技巧，热门时事，搞笑网络视频！前端狂吃知识、玩娱乐！

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

removeAttribute

nodeName...

核心DOM创建新元素：

var newNode=document.createElement('img')

给元素添加属性：

e.setAttribure(‘’，‘’)

e.setAttribureNode(attr)

适用场合：

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

HTML DOM：

对象：image,Table,Form,Input,Select...HTML标签对象化

注：TableCell：td；TableRow：tr

HTML DOM提供了封装好的各种对象

ImageSelectOption...

HTML DOM创建新元素

var newNode=new Image()；

给元素添加属性：

img.src='';

img.id='';

imd.title='';

img.className=''

img.style.display='';

这是典型的HTML DOM方法，他将创建元素以及访问元素的属性这些方法都简化了，直接把属性当做是对象的属性，但是我们要注意img.className=''

适用场合：

HTML DOM适合操作属性，如读取或修改属性的值

可见二者并不冲突，在用途上是互补的。

这里是前端狂

为您介绍前端技巧和一些趣闻趣事

如果你想自学前端的话，就长按二维码吧！

前端狂(gh_73dea6e479a5)

阅读原文　查看原文 　分享到微信 　文章为作者独立观点，不代表本站立场