欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

dom与html dom的区别是什么

程序员文章站 2022-03-08 21:56:34
...

区别:1、DOM分为核心DOM、HTML DOM和XML DOM三个部分,核心DOM用于遍历DOM树,HTML DOM用于以一种简便的方法访问DOM树;2、核心DOM适用于操作节点,HTML DOM适用于操作属性。

dom与html dom的区别是什么

本教程操作环境:windows10系统、HTML5版、Dell G3电脑。

dom与html 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标签对象化

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

Image

Select

Option

HTML DOM创建新元素:

var newNode=new Image();

给元素添加属性:

img.src='';

img.id='';

imd.title='';

img.className=''

img.style.display='';

适用场合:

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

推荐教程:《html视频教程

以上就是dom与html dom的区别是什么的详细内容,更多请关注其它相关文章!

相关标签: html