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
时间: 2024-10-17 10:06:21