14、深入理解DOM节点操作与网页动态交互

皮肤PHP

于 2025-10-24 11:30:25 发布

阅读量7

点赞数

CC 4.0 BY-SA版权

分类专栏：全栈开发入门指南文章标签： DOM JavaScript 节点操作

本文链接：https://blog.youkuaiyun.com/k5l6m/article/details/155472096

53 篇文章 ¥499.90

订阅专栏¥69.90

DOM（文档对象模型）将网页内的对象组织成树状结构，在JavaScript中可以访问树中的每个节点（对象）。下面介绍一些常用的节点属性和方法。

属性	描述
nodeName	节点的名称（非ID）。对于基于HTML标签的节点，如 `<p>` 或 `<body>` ，名称为标签名；文档节点名称为 `#document` ；文本节点名称为 `#text` ，此为只读值。
nodeType	描述节点类型的整数，如普通HTML标签为1，文本节点为3，文档节点为9，此为只读值。
nodeValue	文本节点中包含的实际文本，其他类型节点此属性返回 `null` 。
innerHTML	任何节点的HTML内容，可赋值（包括提供丰富显示的HTML标签），动态更改节点的DOM子对象。
innerText	任何节点的纯文本内容