文档对象模型(DOM)

DOM的官方定义

  • DOM , Document Object Model ,文档对象模型。我们可以把网页中的所有“东西”看成是“对象”。

  • DOM是W3C制定的网页标准或规则,而这个标准,在浏览器中,以“对象”的形式得以实现。

  • DOM的官方定义:DOM可以使脚本,动态的访问或操作,网页的内容、网页外观、网页结构。


DOM的分类

  • 核心DOM:提供了同时操作HTML文档和XML文档的公共的属性和方法。

  • HTML DOM:针对HTML文档提供的专用的属性方法。

  • XML DOM:针对XML文档提供的专用的属性和方法。

  • CSS DOM:提供了操作CSS的属性和方法。

  • Event DOM:事件对象模型。如:onclick、 onload等。


HTML节点树

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
    </head>
    <body >
    <!-- 在HTML中,称为“标签”
    在DOM中,称为“节点”
    在JS中,称为“对象”     -->
    <table>
        <tr>
            <td>北京市</td>
            <td>上海市</td>
            <td>深圳市</td>
        </tr>
    </table>
    </body>
</html>

1000.png


节点关系

  • 根节点,一个HTML文档只有一个根,它就是HTML节点。

  • 子节点:某一个节点的下级节点。

  • 父节点:某一个节点的上级节点。

  • 兄弟节点:两个子节点同属于一个父节点。


DOM中节点类型

  • document文档节点,代表整个网页,不代表任何HTML标记。但它是html节点的父节点。

  • element元素节点,指任何HTML标记。每一个HTML标记就称一个“元素节点”。它可以有文本节点和属性节点。

  • attribute属性节点。指HTML标记的属性。

  • text节点。是节点树的最底节点。


继续学习
||
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> </head> <body > <!-- 在HTML中,称为“标签” 在DOM中,称为“节点” 在JS中,称为“对象” --> <table> <tr> <td>北京市</td> <td>上海市</td> <td>深圳市</td> </tr> </table> </body> </html>
提交重置代码
章节
笔记
提问
课件
反馈
捐赠

javascript初级教程

高并发千万级数据库系统解决方案
  • 推荐课程
  • 评论
  • 问答
  • 笔记
  • 课件下载

一辆想出轨的无轨电车

一直没明白。。。

7年前    添加回复 0

我又来了

怎么没看懂呢

7年前    添加回复 0

我喜欢晴天

DOM , Document Object Model ,文档对象模型。我们可以把网页中的所有“东西”看成是“对象”。

7年前    添加回复 0

末日的春天

感觉越来越多的东西要记了,但总是记不住,同学们都有什么好的方法吗

7年前    添加回复 0

橱窗的光

OM , Document Object Model ,文档对象模型。我们可以把网页中的所有“东西”看成是“对象”

7年前    添加回复 0

课件暂不提供下载,工作人员正在整理中,后期请多关注该课程~