HtmlDom学习_关于获取元素节点div下p节点内容underfind问题

最新推荐文章于 2022-09-28 21:47:16 发布
最新推荐文章于 2022-09-28 21:47:16 发布
阅读量1.1k 收藏
点赞数
分类专栏： Dom
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41835485/article/details/103619332
版权
本文介绍了在HTMLDom中遇到通过div获取p节点内容时出现underfined的问题。通过检查代码和理解DOM中空白节点的影响，提出了两种解决方案：1) 调整HTML结构，避免空白文本节点；2) 直接使用`childNodes[0]`获取元素节点。还提及了通过额外方法去除空白节点的其他途径。
摘要由CSDN通过智能技术生成

现在有一段代码:

<div id="d1">
		<p>我是一号文本节点！</p>
		<P>我是二号文本节点！</P>
</div>

需要通过js来获取p里面的文本内容，但是是通过div来获取而不是直接给p节点加上id来获取，那么这很简单：


                

                
                
        

        

    




        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  兔八哥U
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
python提取p标签的文本_Python3.5 BeautifulSoup4从div中的'p'获取文本

				
			

			

				

					weixin_39866774的博客
				

				

					12-16
					
					1063
					
				

			

		

		

			
				
I am trying to pull all the text from the div class 'caselawcontent searchable-content'. This code just prints the HTML without the text from the web page. What am I missing to get the text?import req...

			
		

	



                

              
                



	

		

			

				
					
如何找一个div标签下面所有p标签的内容

				
			

			

				

					m0_48600544的博客
				

				

					08-11
					
					2551
					
				

			

		

		

			
				
如何找一个div标签下面所有p标签的内容

			
		

	



                


  
              

                


	

		

			

				
					
DOM文档对象模型，获取节点的方式

				
			

			

				

					你还有我
				

				

					01-09
					
					867
					
				

			

		

		

			
				
这里写目录标题什么是dom获取节点的方式测试题-简答题
什么是dom
DOM就是文档对象模型，
什么是文档对象模型？这就需要好好说说了。
HTML的文档document页面是一切的基础，没有它dom就无从谈起。当创建好一个页面并加载到浏览器时，DOM就悄然而生，它会把网页文档转换为一个文档对象，主要功能是处理网页内容。在这个文档对象里，所有的元素呈现出一种层次结构
每个载入浏览器的 HTML 文档都会成为 Document 对象。 Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访

			
		

	





	

		

			

				
					
如何获取<div>里面的值？

				
			

			

				

					想搞全栈的前端
				

				

					03-02
					
					6673
					
				

			

		

		

			
				
前言
在写一个小deom的时候需要获取<div>中的文本，习惯性使用innerHTML但获取出来的并不是文本
innerHTML 和 innerText
innerHTML定义: innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。
innerText定义：innerText 属性表示一个节点及其后代的“渲染”文本内容。
简单来说就是：
1、innerHTML:也...

			
		

	



		

			
		



	

		

			

				
					
通过 JQuery 的 each方法 获取Div下所有的P标签的内容并使用 push方法保存为数组

				
			

			

				

					qq_42341171的博客
				

				

					07-21
					
					2027
					
				

			

		

		

			
				
通过 JQuery 的 each方法 获取Div下所有的P标签的内容并使用 push方法保存为数组
前言
之前写项目一直用的是Vue框架，最近接了一个项目需要用到JQuery，也遇到了一些难点，现在解决了所以做一下总结，直接上代码
实现

如上图所示，我想拿到这个 myDiv 下面所有的 p 标签的内容并添加到数组中，于是先通过 JQuery 的 each() 方法遍历 ，再通过 Js 的 push() 方法添加进数组即可，代码如下图所示:

保存并运行到浏览器之后，打开控制台，我们可以看到

有任何不明白

			
		

	





	

		

			

				
					
JavaScript HTML DOM元素 节点操作汇总

				
			

			

				

					10-16
				

			

		

		

			
				
总之，JavaScript的DOM节点操作提供了强大的能力，使我们能够动态地更新页面内容，实现丰富的用户交互。通过熟练掌握这些基本操作，开发者可以轻松地创建动态、响应式的Web应用。在实际开发中，结合事件监听、CSS...

			
		

	





	

		

			

				
					
JavaScript DOM节点操作实例小结(新建,删除HTML元素)

				
			

			

				

					10-20
				

			

		

		

			
				
总的来说，JavaScript DOM节点操作是Web开发中不可或缺的一部分，无论是新建元素来增加页面内容，还是删除元素来实现动态更新，都体现了JavaScript在网页动态化方面的强大能力。在实际项目中，开发者还需要注意性能...

			
		

	





	

		

			

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

				
			

			

				

					08-30
				

			

		

		

			
				
例如，`<div>`、`<p>`、`<img>`等都是元素节点。元素节点提供了访问标签名、子节点以及属性的途径。`nodeType`属性标识元素节点，其值为1；`nodeName`或`tagName`返回元素的标签名，通常为大写形式；`nodeValue`在...

			
		

	





	

		

			

				
					
在Vue中使用ref获取dom元素节点及组件内的数据和方法

				
			

			

				

					01-20
				

			

		

		

			
				
在Vue.js框架中，`ref`是一个非常重要的特性，它允许开发者引用Vue实例下的DOM元素或组件。通过`ref`，我们可以直接访问到这些元素或组件的实例，从而实现对它们的操作，包括读取数据、调用方法等。本文将详细讲解...

			
		

	





	

		

			

				
					
htmlDOM.rar_DOM_HTML   DOM_HTML dom_HTMLD_w3c htmld

				
			

			

				

					09-24
				

			

		

		

			
				
在这个“htmlDOM.rar”压缩包中，我们找到了一个名为“htmlDOM方法手册.chm”的文件，这很可能是关于HTML DOM的详细参考指南，特别适合初学者学习。  DOM将HTML或XML文档解析为一棵由节点构成的树形结构，每个节点...

			
		

	





	

		

			

				
					
html数组拼接,多个数组合并成一个

				
			

			

				

					weixin_42361026的博客
				

				

					06-22
					
					1155
					
				

			

		

		

			
				
如何优雅的将多个数组合并成一个数组import java.util.Arrays; //Java中如何把两个数组合并为一个 public class gog { public static void main(String[] args) { String [] str1 = {"J","a","v","a","中"}; String [] str2 = {"如","何","把","两","个",...

			
		

	





	

		

			

				
					
JQuery使用方法一（获取元素+属性）

					
最新发布

				
			

			

				

					weixin_43765641的博客
				

				

					09-28
					
					958
					
				

			

		

		

			
				
5、子代选择器：$("div >p")等同于$("div").children("p")4、后代选择器：$("div  p")等同于$("div").find("p")7、获取div下第最后一个p标签：$("#div1 p:last")8、获取div下第所有偶数p标签：$("#div1 p:even")6、获取div下第一个p标签：$("#div1 p:first")9、获取div下第所有奇数p标签：$("#div1 p:odd")3、获取class名：$(".class名")3、同时设置多个属性值。

			
		

	





	

		

			

				
					
常见jquery面试题

				
			

			

				

					wzg0817的博客
				

				

					09-09
					
					517
					
				

			

		

		

			
				
jQuery 面试问题和答案
　　JavaScript 是客户端脚本的标准语言，而 jQuery 使得编写 JavaScript 更加简单。你可以只用写几行的jQuery 代码就能实现更多的东西. 它是最长被用到的 JavaScript 库之一，并且现在已经很少有不用jQuery 而使用原生 JavaScript 的新项目了。这对于作为一个 Java web 开发者的你而言意味着你会在一场Java web开发面试中发现许多jQuery的面试问题.
早些时候，绝大部分都是 HTTP, HTML, CSS 以及

			
		

	





	

		

			

				
					
JS原生DOM基本操作(下)

				
			

			

				

					weixin_46287150的博客
				

				

					11-28
					
					822
					
				

			

		

		

			
				
七.节点操作

创建 节点
插入 节点
删除 节点
替换 节点
克隆 节点

创建节点
语法：document.createElement(‘标签名称’)
作用：创建一个指定的标签元素
返回值：一个创建好的元素节点
        //创建一个div标签
        var div=document.createElement('div')
        //控制台输出
        console.log(div)


插入节点
语法1：父节点.appendChild(子节点)
作用：把子节点放入

			
		

	





	

		

			

				
					
黑猴子的家：Eclipse 创建 JavaWeb 项目

				
			

			

				

					黑猴子的博客
				

				

					11-19
					
					278
					
				

			

		

		

			
				
1、File -> New -> Other





2、Dynamic Web Project -> Next





3、Finish





4、修改tomcat





5、创建index.jsp
1)WebContent -> New -> Other





2)JSP File -> Next





3)index.jsp ->...

			
		

	





	

		

			

				
					
提取html中p标签,net 怎么取出页面p元素的值（包括p标签）

				
			

			

				

					weixin_32073375的博客
				

				

					06-18
					
					604
					
				

			

		

		

			
				
if(!IsPostBack){stringstr=@"123123123123";stringnewStr=""+str+"";//制作出一个只有一个根的xmlXmlDocumentxd=newXmlDocument();xd.LoadXml(newStr);//对xml进行解析stringoutputStr="";//输出字符串XmlNodeListli...

			
		

	





	

		

			

				
					
1+x web前端开发初级理论答案+解析（一）

					
热门推荐

				
			

			

				

					m0_57140271的博客
				

				

					07-02
					
					1万+
					
				

			

		

		

			
				
4.关于引入样式的优先级说法正确的是（ B）
A、内联样式>!important>内部样式>外部样式>!important
B、!important>内联样式>内部样式>外部样式

C、以上都不正确
解析：样式的优先级按照“就近原则”:
• 行内样式（内联）> 内部样式> 外部样式>浏览器默认样式
7、在HTML5中，哪个属性用于规定输入字段是必填的？ (B)
A、readonly B、required C、validate D、placeholder......

			
		

	





	

		

			

				
					
大前端 （五） -- HTML5 标签 4

				
			

			

				

					怪咖先森的博客
				

				

					05-08
					
					332
					
				

			

		

		

			
				
HTML 结构标签
我们在 HTML 页面中常用一些标签将页面划分为不同的区域用以表示页面结构。比如，可使用div标签将整个页面分为header，body，footer三部分。现在我们就来学习这些与页面结构有关的标签。
1. div 标签
div标签在页面中非常常见，也常将其称为标签容器。我们可以将一组功能相关的标签放到同一个div中，也可以对该标签内的元素作统一处理，比如设置对齐方式，背景颜色。...

			
		

	





	

		

			

				
					
DOM操作指南：解析元素、属性与文本节点

				
			

			

				

					
				

			

		

		

			
				
2. element对象：代表HTML或XML文档中的元素节点，如`<div>`、`<p>`等。每个元素都有自己的属性和方法，比如修改元素内容的`innerHTML`属性或改变样式表的`style`对象。  3. attribute对象：表示元素的属性，如`...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值