首页 > 代码库 > html dom的理解
html dom的理解
DOM (Document Object Model）文档对象模型，将html文档以及文档中的内容转换成node接口，以便外部（如js）操作（如修改html内容等）。
node节点的类型：
DocumentType（如下）、
Document（一个文档对应一个对象）、
Element（html、head、body等）、
Text（html文档中，标签之间，如下的div1和divc1之间虽然看着没有什么，其实是有一个内容为‘‘的Text节点）
Attribute（标签的属性，如id=”div1“就是一个属性节点）
Comment（注释）
DocumentFragment （没见过）
<!DOCTYPE html> DocumentType <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <div id="div1"> <div class="divc1"> <div id="div"> 文本节点 </div> <!--注释--></div> </div> </body></html>
DOM是浏览器对外提供的一个编程接口，包含的接口中我们要用到的关系如下：
NodeList
HTMCollection
Node
Document
Element
Attr
Attr的使用是在Element中有个attributes属性，返回一个数组，里面的对象都是Attr。
这里需要注意的是Node和Element连个接口，我们在前端开发中使用js操作html标签对应的对象，使用的都是Element接口的属性和方法（自己这样认为）。
更多见：http://www.w3help.org/zh-cn/causes/SD9024
html dom的理解
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。