开发者社区开发与运维文章正文

DOM ------ 节点

2023-06-12 38

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： DOM ------ 节点

节点概述 : 节点至少拥有nodeType(节点类型) nodeName(节点名称) nodeValue(节点值)这三个基本属性

元素节点 : nodeType 为 1, HTML 标签元素元素节点主要提供了对元素标签名子节点及属性的访问

属性节点 : nodeType 为 2, 一般是元素节点的属性

文本节点 : nodeType 为 3 ,(文本节点包含文字空格换行) DOM中用于呈现文本的部分

  //html代码
  <div class="box">
        <span class="demo"></span>
    </div>
    //js代码
    var box = document.querySelector('.box')
    console.log(box)
    //输出
    //<div class="box">
      //  <span class=demo"></span>
    //</div>

不积跬步无以至千里不积小流无以成江海

文章标签：

JavaScript

关键词：

dom节点

前端杂货铺

游客44yag4ft7nckq

12天前

XML JavaScript 数据格式

XML DOM 遍历节点树

该文讲述了如何遍历XML文档的节点树。通过示例代码展示如何循环访问XML元素，提取每个节点的名称和值。实例中，XML数据包含书籍信息，程序加载XML后，遍历根节点的所有子节点，依次显示它们的名称和内容。

游客44yag4ft7nckq

10 0 0

游客44yag4ft7nckq

12天前

XML 存储 JavaScript

XML DOM - 访问节点

`getElementsByTagName()` 方法用于访问 XML 文档中的节点。节点可通过节点列表（Node List）获取，它类似数组。代码示例加载 "books.xml" 到 xmlDoc，然后将所有书签存储在变量 x 中。可以遍历节点树、使用关系导航或 getElementsByTagName() 访问特定节点。

游客44yag4ft7nckq

9 0 0

游客44yag4ft7nckq

2天前

XML 存储 JavaScript

XML DOM - 访问节点

`getElementsByTagName()` 方法用于访问 XML 文档中的特定节点。该方法返回一个节点列表，相当于节点数组，可用来遍历和导航节点树。例如，加载 "books.xml" 到 xmlDoc 后，`x = xmlDoc.getElementsByTagName("book")` 将获取所有 `<book>` 节点。

游客44yag4ft7nckq

9 1 1

游客44yag4ft7nckq

6天前

XML 存储 JavaScript

XML DOM - 访问节点

`getElementsByTagName()` 方法用于获取 XML 文档中指定标签名的所有节点，返回一个节点列表，类似数组。可以循环遍历节点树或利用节点关系导航来访问每个节点。例如，加载 "books.xml" 到 xmlDoc 后，变量 x 存储了所有 `<book>` 节点的列表。

游客44yag4ft7nckq

17 4 4

游客44yag4ft7nckq

6天前

XML 存储 JavaScript

XML DOM - 访问节点

`getElementsByTagName()` 方法用于访问XML文档中的特定节点。节点可按三种方式获取：使用该方法、遍历节点树或导航节点关系。`getElementsByTagName()` 返回一个节点列表，类似数组，可用于处理多个匹配节点。例如，代码加载 "books.xml" 到 `xmlDoc`，再将结果保存到变量 `x`。

游客44yag4ft7nckq

11 4 4

游客44yag4ft7nckq

4天前

XML 存储 JavaScript

XML DOM - 访问节点

`getElementsByTagName()` 方法用于获取 XML 文档中指定标签名的所有节点，返回一个节点列表，可遍历处理。通过节点关系及循环，能灵活访问和导航XML文档的整个节点树。例如，`xmlDoc.getElementsByTagName("book")` 返回一个包含所有 `<book>` 节点的数组。

游客44yag4ft7nckq

7 1 1

游客44yag4ft7nckq

8天前

XML 存储 JavaScript

XML DOM - 访问节点

游客44yag4ft7nckq

11 1 1

游客44yag4ft7nckq

9天前

XML JavaScript 数据格式

XML DOM 遍历节点树

该文介绍了如何遍历XML文档的节点树。通过示例代码展示了如何使用DOM解析XML，遍历并打印出`<book>`元素的所有子节点名称及其文本值，从而实现对XML数据的提取和处理。

游客44yag4ft7nckq

8 1 1

游客44yag4ft7nckq

14天前

JavaScript

DOM 节点列表长度（Node List Length）

`length`属性用于获取DOM节点列表的元素数量。通过它，可以迭代列表，如示例所示：加载"books.xml"，然后获取所有"title"节点。循环`x.length`，打印每个标题节点的第一个子节点的值。

游客44yag4ft7nckq

14 2 2

游客44yag4ft7nckq

14天前

XML 存储 JavaScript

XML DOM - 访问节点

`getElementsByTagName()` 方法用于访问 XML 文档中的特定节点。节点可通过循环遍历或利用它们之间的关系在节点树中导航。`getElementsByTagName()` 返回一个节点列表，类似数组，可用来访问匹配标签名的所有节点。例如，加载 "books.xml" 到 `xmlDoc` 后，可以使用此方法存储所有 `<book>` 节点到变量 `x`。

游客44yag4ft7nckq

12 2 2

DOM ------ 节点

热门文章

最新文章

相关电子书