一文带你玩转JavaScripthtmldom导航

时间：2023-03-16 21:59:31 科技观察

使用HTMLDOM，你可以使用节点关系来导航“节点树”。1.DOM节点是HTML文档中的一个节点。整个文档是一个文档节点。每个HTML元素都是一个元素节点。HTML元素的文本是一个文本节点。每个HTML属性都是一个属性节点。所有评论都是评论节点。使用HTMLDOM，可以通过JavaScript访问节点树中的所有节点。可以创建新节点，也可以修改或删除所有节点。1.节点关系节点树中的节点之间具有层次关系。2.子节点和节点值DOM处理中一个常见的错误是认为一个元素节点包含文本。DOMTutorial元素节点（在上面的示例中）不包含文本。它包含一个值为“DOM教程”的文本节点。可以通过节点的innerHTML属性访问此文本节点的值。varmyTitle=document.getElementById("demo").innerHTML;访问innerHTML属性访问与访问第一个子节点的值是一样的：varmyTitle=document.getElementById("demo").firstChild.nodeValue;也可以访问第一个子节点这样做：varmyTitle=document.getElementById("demo").childNodes[0].nodeValue;示例1：查询<h1>元素的文本，复制到<p>元素中。<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>项目MyFirstPage

<脚本/body>示例2：

项目

MyFirstPage

实例3：

项目

MyFirstPage你好！

二，DOM根节点有两个允许访问完整文档的特殊属性：document.body-文档主体

item

我的第一页

document.documentElement-完整文档

项目

HelloWorld！

TheDOM非常有用！

此示例演示了document.documentElement属性。

1.nodeName属性nodeName属性指定节点的名称，nodeName是只读的nodeName是只读的。nodeName元素节点的节点名称与标签名称相同。属性节点的节点名称是属性名称。文本节点的节点名称始终是#text。文档的节点名称始终是#document。MyFirstPage

script>注意：nodeName始终包含HTML元素的大写标记名称。2.nodeValue属性nodeValue属性指定节点的值。元素节点的节点值未定义，文本节点的节点值为文本本身，属性节点的节点值为属性值。3.nodeType属性nodeType属性返回节点类型。nodeType是只读的。三、总结本文基于JavaScript，介绍页面htmldom导航的节点。节点与节点之间的关系用形象的比喻来解释。并且详细解释了根节点的属性。通过丰富的案例，运行效果图的展示。希望能帮助读者更好的学习。使用JavaScript语言方便大家更好的理解，希望对大家的学习有所帮助。

上一篇：区块链项目发展方向，如何开发一个区块链项目？

下一篇：浅谈豌豆荚改版移动互联网入口不会是微博和微信

一文带你玩转JavaScripthtmldom导航相关文章