码迷,mamicode.com
首页 > Web开发 > 详细

html dom的理解

时间:2016-10-02 09:05:21      阅读:191      评论:0      收藏:0      [点我收藏+]

标签:

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的理解

标签:

原文地址:http://www.cnblogs.com/z964166725/p/5926819.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!