DOM中元素节点，属性节点，文本节点的理解

最新推荐文章于 2022-03-21 13:01:39 发布
最新推荐文章于 2022-03-21 13:01:39 发布
阅读量107 收藏
点赞数
原文链接：http://www.cnblogs.com/Joke-Jay/p/6706442.html
版权

节点信息

每个节点都拥有包含着关于节点某些信息的属性。这些属性是：

  • nodeName（节点名称）
  • nodeValue（节点值）
  • nodeType（节点类型）

nodeType

nodeType 属性可返回节点的类型。

最重要的节点类型是：

元素类型节点类型
元素1
属性2
文本3
注释8
文档9

在实际应用中，经常用到的就是元素节点、属性节点和文本节点了，下面我们通过小段代码进行讲解

1：元素节点

  1.  <HEAD>   
  2.   <TITLE>空谷悠悠</TITLE>   
  3.  </HEAD>   
  4.  <BODY>   
  5.   <table>   
  6.     <tr>   
  7.         <td id="john" name="myname">John</td>   
  8.         <td>Doe</td>   
  9.         <td id="jack">Jack</td>   
  10.     </tr>   
  11.   </table>   
  12.   <script>   
  13.  var d = document.getElementById("john");      
  14.     alert(d.nodeType)   
  15.     alert(d.nodeName)   
  16.     alert(d.nodeValue)     
  17.   </script>   
  18.  </BODY>   
  19. </HTML>  
 
 
 分析运行结果，其三个属性的值分别为：
 
 
nodeType：ELEMENT_NODE
 
 
nodeType值：1
 
 
nodeName：元素标记名    //此处为TD
 
 
nodeValue：null
 
 
2：属性节点
 
 
 
  
  1.  <HEAD>   
  2.   <TITLE>空谷悠悠</TITLE>   
  3.  </HEAD>   
  4.  <BODY>   
  5.   <table>   
  6.     <tr>   
  7.         <td id="john" name="myname">John</td>   
  8.         <td>Doe</td>   
  9.         <td id="jack">Jack</td>   
  10.     </tr>   
  11.   </table>   
  12.   
  13.   <script>   
  14.  var d = document.getElementById("john").getAttributeNode("name");     
  15.     alert(d.nodeType)   
  16.     alert(d.nodeName)   
  17.     alert(d.nodeValue)     
  18.   </script>   
  19.  </BODY>   
  20. </HTML>  
 
 
 
 
 
 
 
  分析运行结果，其三个属性的值分别为：
 
 
nodeType：ATTRIBUTE_NODE
 
 
nodeType值：2
 
 
nodeName：属性名  // name
 
 
nodeValue：属性值  //myname
 
 
3:文本节点
 
 
 
  
  1.  <HEAD>   
  2.   <TITLE> New Document </TITLE>   
  3.  </HEAD>   
  4.  <BODY>   
  5.   <table>   
  6.     <tr>   
  7.         <td id="john" name="myname">John</td>   
  8.         <td>Doe</td>   
  9.         <td id="jack">Jack</td>   
  10.     </tr>   
  11.   </table>   
  12.   <script>   
  13.     var d = document.getElementsByTagName("td")[0].firstChild      
  14.     alert(d.nodeType)   
  15.     alert(d.nodeName)   
  16.     alert(d.nodeValue)     
  17.   </script>   
  18.  </BODY>   
  19. </HTML>  
 
 
 
 
  分析运行结果，其三个属性的值分别为：
 
 
nodeType：TEXT_NODE
 
 
nodeType值：3
 
 
nodeName：#text
 
 
nodeValue：文本内容   // John
 

 

转载于:https://www.cnblogs.com/Joke-Jay/p/6706442.html

                

        

        




    

  


    

      

        

            

              
                
                  awv94517
                
              
            

            

                关注
              
            

        

        

          
      

      









                



	

		

			

				
					
HTML文档中节点的主要类型,DOM系列：DOM节点属性

				
			

			

				

					weixin_39856709的博客
				

				

					06-04
					
					798
					
				

			

		

		

			
				
经过前几篇文章的学习，对DOM有一定的了解。但这仅仅是DOM一些基础性的知识，如果要对DOM更了解，需要更深入地了解DOM节点。在这一节中，咱们将围绕DOM的节点属性、标签和内容来展开。这样我们就可以更进一步的了解它们是什么？以及它们最常的属性。DOM节点类DOM节点的属性取决于它们的类(class)。例如，标签对应的是一个元素节点和链接a相关的属性。文本节点与元素节点不一样，但是它们之间也有相同...

			
		

	



                

              
                



	

		

			

				
					
[Javascript]：DOM概念、DOM操作元素、属性、文本节点详解

				
			

			

				

					我只是个程序员。
				

				

					09-19
					
					2752
					
				

			

		

		

			
				
DOM全称是文档对象模型，是专门用于操作HTML/XML文档的API（应用程序接口）。DOM将文档看作一颗树，其中的每个成分都是对象，这些对象都看作是节点。可以将文档的一切都理解成节点对象。
        DOM的组成部分介绍：文档、对象和模型
Document(文档)：当用浏览器打开一个页面文档时，这个文档就会被转成document对象，然后就可以调用了。后面会提到该对象的用法。
Object(对象)：DOM中的每个节点都是对象，通过对象的属性和方法就能够操作节点。
Model(模型)：DOM将整个文档

			
		

	



                


  
              

                


	

		

			

				
					
DOM中元素节点、属性节点、文本节点的理解

				
			

			

				

					weixin_30750335的博客
				

				

					09-30
					
					61
					
				

			

		

		

			
				
DOM中元素节点、属性节点、文本节点的理解节点信息每个节点都拥有包含着关于节点某些信息的属性。这些属性是：nodeName（节点名称）nodeValue（节点值）nodeType（节点类型）nodeTypenodeType属性可返回节点的类型。最重要的节点类型是：元素类型节点类型元素(ELEMENT_NODE)1属性(ATTRIBUTE_NODE)2文本(TEXT_NOD...

			
		

	





	

		

			

				
					
浅析~DOM结构中的元素节点、属性节点、文本节点

					
热门推荐

				
			

			

				

					风一样的少年
				

				

					08-28
					
					1万+
					
				

			

		

		

			
				
首先明确什么是DOM：

DOM=DocumentObjectModel，文档对象模型，DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构 
DOM是表示和处理一个HTML或XML文档的常用方法 
DOM的设计是以对象管理组织（OMG）的规约为基础的，因此可以用于任何编程语言。最初人们把它认为是一种让JavaScript在浏览器间可移植的方法，不过DOM的应用已经远远超出这个范围...

			
		

	



		

			
		



	

		

			

				
					
如何理解DOM中的节点Node和元素Element

				
			

			

				

					云间月
				

				

					11-26
					
					741
					
				

			

		

		

			
				
如何理解DOM中的节点Node和元素Element
DOM利用多层次节点描述html文档即树结构
html中的所有内容都可以用节点来描述，总共12种节点元素element仅仅是使用比较频繁的节点。其余常见的节点有：

属性节点–>html 元素的属性
文本节点–>html元素内的文本（标签内的文字）
注释节点–>注释内容

Node和Element
Element是可以有属性和子...

			
		

	





	

		

			

				
					
dom中的节点与元素区别

				
			

			

				

					百冰千岚的博客
				

				

					05-11
					
					661
					
				

			

		

		

			
				
1. dom
DOM 是 W3C（万维网联盟）的标准。
DOM 定义了访问 HTML 和 XML 文档的标准：

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

W3C DOM 标准被分为 3 个不同的部分：

核心 DOM - 针对任何结构化文档的标准模型
XML DOM - 针对 XML 文档的标准模型
HTML DOM - 针对 HTML 文档的标准模型

2. xml dom
根据 DOM，XML 文档中的每个成分都是一个节

			
		

	





	

		

			

				
					
js DOM节点操作之获取节点元素

				
			

			

				

					RayShyy的博客
				

				

					03-21
					
					1760
					
				

			

		

		

			
				
本文主要讲解如何获取父节点元素，子节点元素和兄弟节点元素。

1. 什么是节点?
节点：Node，是构成HTML文档最基本的单元。
常用节点分为四类：

文档节点：整个HTML文档，document；
元素节点：HTML文档中的HTML标签元素；
属性节点：标签中的属性；
文本节点：HTML标签中的文本内容。

节点之间的关系一般可以分为 父子兄 三种关系。
2. 获取父节点

通过子节点获取父节点: node.parentNode

注意:

node.parentNode只返回距离该node元素最近一.

			
		

	





	

		

			

				
					
DOM中的三种类型的节点：元素节点，属性节点，文本节点

				
			

			

				

					wyfalj的博客
				

				

					05-09
					
					3849
					
				

			

		

		

			
				
节点信息

每个节点都拥有包含着关于节点某些信息的属性。这些属性是：

nodeName（节点名称）nodeValue（节点值）nodeType（节点类型）

nodeType

nodeType 属性可返回节点的类型。

最重要的节点类型是：






在实际应用中，经常用到的就是元素节点、属性节点和文本节点了，下面我们通过小段代码进行讲解

1：元素节点

			
		

	





	

		

			

				
					
jacascript DOM节点——元素节点、属性节点、文本节点

				
			

			

				

					08-30
				

			

		

		

			
				
它将文档结构转换为一个树形结构，使得我们可以通过JavaScript...理解元素节点、属性节点和文本节点的概念及其操作方法是JavaScript Web开发的基础。熟练掌握这些知识，可以帮助开发者更有效地实现页面交互和动态更新。

			
		

	





	

		

			

				
					
DOM下的节点属性和操作小结

				
			

			

				

					12-11
				

			

		

		

			
				
元素节点返回null，属性节点返回属性值，文本节点返回文本。nodeValue可读可写，这是对元素节点不能写。一般只用于设置文本节点的值。 4 .childNodes 返回子节点数组。文本和属性节点的childNodes永远是null。可以用...

			
		

	





	

		

			

				
					
DOM节点中元素节点与文本节点操作方法.pdf

				
			

			

				

					12-16
				

			

		

		

			
				
 // 3（文本节点）总结：在DOM中，元素节点和文本节点是两种常见的节点类型。元素节点可以包含其他元素、文本和其他类型的节点，而文本节点仅包含纯文本。DOM提供了一系列方法来操作这些节点，如`createElement`和`...

			
		

	





	

		

			

				
					
JSP学生学籍管理系统设计与实现(源代码+论文+开题报告+外文翻译+答辩PPT).zip

				
			

			

				

					09-21
				

			

		

		

			
				

1、资源项目源码均已通过严格测试验证，保证能够正常运行；
2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通；
3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合；
4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。
5、资源来自互联网采集，如有侵权，私聊博主删除。
6、可私信博主看论文后选择购买源代码。

1、资源项目源码均已通过严格测试验证，保证能够正常运行；
2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通；
3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合；
4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。
5、资源来自互联网采集，如有侵权，私聊博主删除。
6、可私信博主看论文后选择购买源代码。

1、资源项目源码均已通过严格测试验证，保证能够正常运行；
2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通；
3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合；
4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。
5、资源来自互联网采集，如有侵权，私聊博主删除。
6、可私信博主看论文后选择购买源代码。


			
		

	





	

		

			

				
					
省市区数据，完成三级联动，选择地区

				
			

			

				

					09-21
				

			

		

		

			
				
省市区数据，完成三级联动，选择地区

			
		

	





	

		

			

				
					
机械原理课程设计网球自动捡球机.doc

					
最新发布

				
			

			

				

					09-21
				

			

		

		

			
				
机械原理课程设计网球自动捡球机.doc

			
		

	





	

		

			

				
					
2024秋招华为笔试题大全-仅供参考具体需要根据实际修改

				
			

			

				

					09-21
				

			

		

		

			
				
2024秋招华为笔试题大全-仅供参考具体需要根据实际修改

			
		

	





	

		

			

				
					
借助于Ascend310 AI处理器完成深度学习算法部署任务，

				
			

			

				

					09-21
				

			

		

		

			
				
应用背景为变电站电力巡检，基于YOLO v4算法模型对常见电力巡检目标进行检测，并充分利用Ascend310提供的DVPP等硬件支持能力来完成流媒体的传输、处理等任务，并对系统性能做出一定的优化。.zip深度学习是机器学习的一个子领域，它基于人工神经网络的研究，特别是利用多层次的神经网络来进行学习和模式识别。深度学习模型能够学习数据的高层次特征，这些特征对于图像和语音识别、自然语言处理、医学图像分析等应用至关重要。以下是深度学习的一些关键概念和组成部分：

1. **神经网络（Neural Networks）**：深度学习的基础是人工神经网络，它是由多个层组成的网络结构，包括输入层、隐藏层和输出层。每个层由多个神经元组成，神经元之间通过权重连接。

2. **前馈神经网络（Feedforward Neural Networks）**：这是最常见的神经网络类型，信息从输入层流向隐藏层，最终到达输出层。

3. **卷积神经网络（Convolutional Neural Networks, CNNs）**：这种网络特别适合处理具有网格结构的数据，如图像。它们使用卷积层来提取图像的特征。

4. **循环神经网络（Recurrent Neural Networks, RNNs）**：这种网络能够处理序列数据，如时间序列或自然语言，因为它们具有记忆功能，能够捕捉数据中的时间依赖性。

5. **长短期记忆网络（Long Short-Term Memory, LSTM）**：LSTM 是一种特殊的 RNN，它能够学习长期依赖关系，非常适合复杂的序列预测任务。

6. **生成对抗网络（Generative Adversarial Networks, GANs）**：由两个网络组成，一个生成器和一个判别器，它们相互竞争，生成器生成数据，判别器评估数据的真实性。

7. **深度学习框架**：如 TensorFlow、Keras、PyTorch 等，这些框架提供了构建、训练和部署深度学习模型的工具和库。

8. **激活函数（Activation Functions）**：如 ReLU、Sigmoid、Tanh 等，它们在神经网络中用于添加非线性，使得网络能够学习复杂的函数。

9. **损失函数（Loss Functions）**：用于评估模型的预测与真实值之间的差异，常见的损失函数包括均方误差（MSE）、交叉熵（Cross-Entropy）等。

10. **优化算法（Optimization Algorithms）**：如梯度下降（Gradient Descent）、随机梯度下降（SGD）、Adam 等，用于更新网络权重，以最小化损失函数。

11. **正则化（Regularization）**：技术如 Dropout、L1/L2 正则化等，用于防止模型过拟合。

12. **迁移学习（Transfer Learning）**：利用在一个任务上训练好的模型来提高另一个相关任务的性能。

深度学习在许多领域都取得了显著的成就，但它也面临着一些挑战，如对大量数据的依赖、模型的解释性差、计算资源消耗大等。研究人员正在不断探索新的方法来解决这些问题。


			
		

	





	

		

			

				
					
基于深度学习的物体识别与抓取方法，六自由度机械臂，python编写程序.zip

				
			

			

				

					09-21
				

			

		

		

			
				
深度学习是机器学习的一个子领域，它基于人工神经网络的研究，特别是利用多层次的神经网络来进行学习和模式识别。深度学习模型能够学习数据的高层次特征，这些特征对于图像和语音识别、自然语言处理、医学图像分析等应用至关重要。以下是深度学习的一些关键概念和组成部分：

1. **神经网络（Neural Networks）**：深度学习的基础是人工神经网络，它是由多个层组成的网络结构，包括输入层、隐藏层和输出层。每个层由多个神经元组成，神经元之间通过权重连接。

2. **前馈神经网络（Feedforward Neural Networks）**：这是最常见的神经网络类型，信息从输入层流向隐藏层，最终到达输出层。

3. **卷积神经网络（Convolutional Neural Networks, CNNs）**：这种网络特别适合处理具有网格结构的数据，如图像。它们使用卷积层来提取图像的特征。

4. **循环神经网络（Recurrent Neural Networks, RNNs）**：这种网络能够处理序列数据，如时间序列或自然语言，因为它们具有记忆功能，能够捕捉数据中的时间依赖性。

5. **长短期记忆网络（Long Short-Term Memory, LSTM）**：LSTM 是一种特殊的 RNN，它能够学习长期依赖关系，非常适合复杂的序列预测任务。

6. **生成对抗网络（Generative Adversarial Networks, GANs）**：由两个网络组成，一个生成器和一个判别器，它们相互竞争，生成器生成数据，判别器评估数据的真实性。

7. **深度学习框架**：如 TensorFlow、Keras、PyTorch 等，这些框架提供了构建、训练和部署深度学习模型的工具和库。

8. **激活函数（Activation Functions）**：如 ReLU、Sigmoid、Tanh 等，它们在神经网络中用于添加非线性，使得网络能够学习复杂的函数。

9. **损失函数（Loss Functions）**：用于评估模型的预测与真实值之间的差异，常见的损失函数包括均方误差（MSE）、交叉熵（Cross-Entropy）等。

10. **优化算法（Optimization Algorithms）**：如梯度下降（Gradient Descent）、随机梯度下降（SGD）、Adam 等，用于更新网络权重，以最小化损失函数。

11. **正则化（Regularization）**：技术如 Dropout、L1/L2 正则化等，用于防止模型过拟合。

12. **迁移学习（Transfer Learning）**：利用在一个任务上训练好的模型来提高另一个相关任务的性能。

深度学习在许多领域都取得了显著的成就，但它也面临着一些挑战，如对大量数据的依赖、模型的解释性差、计算资源消耗大等。研究人员正在不断探索新的方法来解决这些问题。


			
		

	





	

		

			

				
					
电子设计论文文档资料液面检测器电子设计论文文档资料液面检测器

				
			

			

				

					09-21
				

			

		

		

			
				
电子设计论文文档资料液面检测器电子设计论文文档资料液面检测器

			
		

	





	

		

			

				
					
JavaScript DOM操作：元素、属性和文本节点详解

				
			

			

				

					
				

			

		

		

			
				
"本文主要探讨JavaScript中的DOM节点，包括元素节点、属性节点和文本节点，旨在帮助读者理解和掌握如何在JavaScript中操作HTML元素及其属性。"  在JavaScript中，DOM（Document Object Model）是一种用于表示HTML或...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值