js获取外层标签（排除标签里面的内容）

最新推荐文章于 2022-08-24 18:50:39 发布
最新推荐文章于 2022-08-24 18:50:39 发布
阅读量1.6k 收藏 1
点赞数
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/guijiabin/article/details/24800777
版权

前些天做一个HTMLDOM树，树的每个节点对应一个HTML标签。

在获取页面标签的时候，

dom.innerHtml
获取的是对象的内容，又尝试了 
dom.outerHTML
得到的是外层标签和里面的内容。

找了好久都没有找到只获取外层标签本身的方法。

后来突然发现cloneNode(include_all)

 方法有一个参数，描述如下 

参数：include_all  描述：必需。如果这个布尔参数设置为 true，被克隆的节点会复制原始节点的所有子节点。
 

dom.cloneNode(false).outerHTML
完美解决! 


                

        

        

    




    

      

        

            

              
                
                  guijiabin
                
              
            

            

                关注
              
            

        

        

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

      

      

            

                专栏目录
          










                



	

		

			

				
					
TFHpple 获取标签

				
			

			

				

					09-11
				

			

		

		

			
				
TFHpple获取html里获取自己想要的标签内容~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

			
		

	



                

              
                



	

		

			

				
					
jQuery02

				
			

			

				

					m0_62604616的博客
				

				

					03-17
					
					595
					
				

			

		

		

			
				
jQuery02$工具的方法和jQuery的属性

			
		

	



                


  
              

                


	

		

			

				
					
JavaScript 技术篇-js获取表格元素tr、th、td相对于父节点的索引。

				
			

			

				

					小蓝枣的博客
				

				

					04-11
					
					5543
					
				

			

		

		

			
				
js 获取表格元素 tr、th、td 相对于父节点的索引。
rowIndex 可以获取 tr 相对于根节点所有 tr 的索引，会计算之前所有的 tr。
sectionRowIndex 可以获取 tr 相在当前 table 下的索引。
以下面的第二个 tr 为例，rowIndex 的值是 1，sectionRowIndex 的值是 0。
cellIndex 可以获取 th、td 相对于父节点的索引。

			
		

	





	

		

			

				
					
js 事件委托

				
			

			

				

					你如今的气质里，藏着你走过的路，经历过的事，读过的书，和爱过的人。
				

				

					12-14
					
					211
					
				

			

		

		

			
				
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-...

			
		

	



		

			
		



	

		

			

				
					
jQuery基础知识

				
			

			

				

					qq_40146447的博客
				

				

					08-26
					
					724
					
				

			

		

		

			
				
一、使用JQuery
<script>
    $(document).ready(function(){
        alert("hello word");
    })
</script>
在这段代码中，$(document).ready()语句是当DOM已经加载，并且页面已经完全呈现时，会发生ready事件。由于该事件在文档就绪后发生，因此将其他的JQuery事...

			
		

	





	

		

			

				
					
JavaScript中的标签语句用法分析

				
			

			

				

					12-10
				

			

		

		

			
				
JavaScript中的标签语句是一种鲜为人知但非常有用的特性，它允许开发者给代码块赋予一个名称，以便在程序的其他部分引用。在JavaScript中，标签语句通常与`break`和`continue`语句一起使用，以更精确地控制流程跳转...

			
		

	





	

		

			

				
					
获取标签离页面边框距离js

				
			

			

				

					01-21
				

			

		

		

			
				
根据给定的信息，本文将详细解释如何通过JavaScript代码获取页面中特定元素（通常称为标签）相对于页面边框的距离。此技术对于实现动态布局、响应式设计等非常有用。  ### 获取标签离页面边框距离的原理  在Web开发...

			
		

	





	

		

			

				
					
JS旭日图表标签分类统计代码

				
			

			

				

					07-24
				

			

		

		

			
				
"JS 图表标签 标签分类 旭日图表"这些标签表明，这个代码示例着重于如何用JavaScript实现标签分类的旭日图表。这可能包括以下步骤：数据预处理（将原始数据转化为适合旭日图表的格式）、设置样式和交互（定义颜色、...

			
		

	





	

		

			

				
					
javascript实现label标签跳出循环操作

				
			

			

				

					10-22
				

			

		

		

			
				
这时，就需要使用到JavaScript中的标签（label）语句。  标签（label）语句提供了一种引用代码中特定位置的方式。它是一种声明式的语法，通过标签名可以标识一块代码。在多层循环中，配合break语句使用标签，就可以...

			
		

	





	

		

			

				
					
js提取html字符串的文本（去html标签）

				
			

			

				

					weixin_42501961的博客
				

				

					08-19
					
					9952
					
				

			

		

		

			
				
html_str = “1234567891011121314151617181920”
正则提取（正常思维）
var re = new RegExp(’<[^<>]+>’,‘g’);
var text = html_str.replace(re ,"");
//或
var text = html_str.replace(/<[^<>]+>/g,""...

			
		

	





	

		

			

				
					
innerHtml的用法及理解

					
热门推荐

				
			

			

				

					cheng1a的博客
				

				

					08-18
					
					1万+
					
				

			

		

		

			
				
innerHtml标签可以获取标签内的html内容，用法为：document.getElementById(‘ xx ’).innerHTMLinnerHtml标签也可以用来设置标签内的html内容，用法为：document.getElementById(‘ xx ’).innerHTML=’需要设置的内容’;

			
		

	





	

		

			

				
					
商业虚拟专用网络技术十三 BGP/MPLS报文转发

				
			

			

				

					weixin_42227328的博客
				

				

					04-27
					
					5530
					
				

			

		

		

			
				
有两家公司分别是文具公司和汽车公司都分别拥有两个分部，现在需要VPN1的CE1与CE3相互通信，也就两个文具公司分部能相互通信。VPN2的CE2与CE4之间相互通信，汽车公司分部能相互通信。VPN1与VPN2之间是相互隔离的，但是VPN1和VPN2的私网IP地址有可能有相同的现象。

			
		

	





	

		

			

				
					
MPLS的基本原理

				
			

			

				

					weixin_41765330的博客
				

				

					12-28
					
					3015
					
				

			

		

		

			
				
MPLS的基本原理
（1）路由传递是下游往上游的方向，那么数据流传递过程就是上游往下游的方向
（2）MPLS域以外的所有数据包都会去掉标签
（3）a、在路由100.1.1.1传递到R3的过程中（下游传递上游），每个LSR（标签转发路由器）都会为路由100.1.1.1添加标签
R1添加标签10（in），R2添加标签20（in），R3添加标签30（in）
b、MPLS域内的每个LSR都会学习直连邻居产...

			
		

	





	

		

			

				
					
【js】数组外层的参数复制到数组里

				
			

			

				

					温小鹿的博客
				

				

					08-03
					
					607
					
				

			

		

		

			
				
js

			
		

	





	

		

			

				
					
HCIP（第十四天）—— MPLS（二）

				
			

			

				

					m0_58784959的博客
				

				

					07-25
					
					1003
					
				

			

		

		

			
				
主要应用在MPLS的控制层面。MPLS控制层面需要完成的工作主要就是分配标签和传递标签。分配标签的前提是本地路由表中得先存在标签，传递标签的前提也是得先具备路由基础。所以，LDP想要正常工作，则需要IGP作为基础。...

			
		

	





	

		

			

				
					
vue---获取全局点击事件解决点击框外区域框隐藏

				
			

			

				

					maidu_xbd的博客
				

				

					01-20
					
					1273
					
				

			

		

		

			
				
问题描述：如图



解决方法：

1、解决思路：设置标志【selectDeptFlag】，当【this.selectDeptFlag=true】时框显示，【this.selectDeptFlag=false】时框隐藏。当点击非框内的的区域（定义全局点击事件），设置【this.selectDeptFlag=false】，当点击框内区域【this.selectDeptFlag=true】，当点击【选...

			
		

	





	

		

			

				
					
js如何获取标签

				
			

			

				

					m0_65480869的博客
				

				

					08-24
					
					1811
					
				

			

		

		

			
				
js基础，如何获取标签

			
		

	





	

		

			

				
					
使用js使得一个盒子相对于父盒子水平垂直局中

				
			

			

				

					HongfeiAn
				

				

					07-01
					
					210
					
				

			

		

		

			
				
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .father {
       

			
		

	





	

		

			

				
					
jquery怎么获取当前标签父标签的值

				
			

			

				

					weixin_43416686的博客
				

				

					09-25
					
					3053
					
				

			

		

		

			
				
直接看代码，获取值的代码在 /移除当前商品 这段注释下面


​
$.each(data,function (index,item) {
                str += '<tr><td><input type="hidden" value="'+item.oid+'"/> <divclass="thumb_cart"><i...

			
		

	





	

		

			

				
					
js获取最外层的cookie

					
最新发布

				
			

			

				

					07-27
				

			

		

		

			
				
要获取最外层的cookie，你可以使用以下JavaScript代码：  ```javascript function getOutermostCookie() {  var cookies = document.cookie.split(';');  var outermostCookie = null;    for (var i = 0; i ; i++) ...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值