JavaScript中DOM节点的详细介绍

本篇内容主要讲解"JavaScript中DOM节点的详细介绍"，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习"JavaScript中DOM节点的详细介绍"吧!

使用HTML DOM，可以使用节点关系来导航"节点树"。

一、DOM 节点

在一个HTML文档都是一个节点，The entire document is a document node 每个HTML元素是元素节点 在HTML元素的文本是文本节点 每一个HTML属性是一个属性节点 所有注释都是注释节点。

使用HTML DOM, 在节点树的所有节点可以通过JavaScript访问。可以创建新节点，并可以修改或删除所有节点。

1. 节点关系

节点树中的节点彼此具有层次关系。

2. 子节点和节点值

在DOM处理中常见的错误就是认为一个元素节点包含文本。

元素节点

My First Page

实例2：

8. My First Page

实例3 ：

          
My First Page
     
Hello!
        

二、DOM 根节点
有两个特殊属性允许访问完整文档:

document.body - 文档主体

        
我的第一个页面
 
     

document.documentElement - 完整的文档

                       
Hello World!
   
   
The DOM is very useful!
    
This example demonstrates the document.documentElement property.
   
       

1. nodeName 属性
nodeName属性指定一个节点的名称，nodeName 是只读的。

1. 鸿蒙官方战略合作共建--HarmonyOS技术社区

2. nodeName 是只读的。

3. nodeName 一个元素节点的节点名称和标签名称相同。

4. 一个属性节点的节点名称是属性名。

5. 一个文本节点的nodeName总是 #text。

6. 文档的节点名称总是 #document。

My First Page
 
  

注意:

nodeName总是包含HTML元素的大写标签名称。

2. nodeValue 属性
nodeValue 属性指定节点的值。素节点的节点值是 undefined，文本节点的节点是文本本身，属性节点的节点值是属性值。

3. nodeType 属性
nodeType 属性返回节点类型. nodeType 是只读的。

到此，相信大家对"JavaScript中DOM节点的详细介绍"有了更深的了解，不妨来实际操作一番吧！这里是网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！