首页 > 代码库 > 核心dom和html dom的区别

核心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标签对象化

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

Image

Select

Option

HTML DOM创建新元素:

var newNode=new Image();

给元素添加属性:

img.src=http://www.mamicode.com/‘‘;

img.id=‘‘;

imd.title=‘‘;

img.className=‘‘

img.style.display=‘‘;

适用场合:

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

核心dom和html dom的区别