JavaScript之DOM对象(Node结点属性、导航属性、页面查找)

DOM与Node节点

1、DOM的概念
DOM 是 W3C(万维网联盟)的标准,DOM 定义了访问 HTML 和 XML 文档的标准。

W3C 文档对象模型(DOM)是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容、结构和样式。

2、DOM的分类

  • 核心 DOM : 针对任何结构化文档的标准模型
  • XML DOM : 针对 XML 文档的标准模型,定义了所有 XML 元素的对象和属性,以及访问它们的方法。
  • HTML DOM :针对 HTML 文档的标准模型,定义了所有 HTML 元素的对象和属性,以及访问它们的方法。

3、DOM节点
根据 W3C 的 HTML DOM 标准,HTML 文档中的所有内容都是节点(NODE):

  • 整个文档是一个文档节点(document对象)
  • 每个 HTML 元素是元素节点(element 对象)
  • HTML 元素内的文本是文本节点(text对象)
  • 每个 HTML 属性是属性节点(attribute对象)
  • 注释是注释节点(comment对象)

4、DOM节点关系图
1

自身属性

1、属性

  • attributes - 节点(元素)的属性节点
  • nodeType – 节点类型
  • nodeValue – 节点值
  • nodeName – 节点名称
  • innerHTML - 节点的文本值(显示在页面上的内容)

2、测试代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div class="div1">DIV1文本
    <p name="p_label"  class="p1">P文本</p>
    <div class="div2">DIV2文本
        <div div3>DIV3文本</div>
        <a href="">A文本</a>
    </div>
</div>

<script>
    var ele<
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

鸿蒙Next

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值