获取label标签内for的属性值-js

最新推荐文章于 2021-08-08 20:42:59 发布

b10l07

最新推荐文章于 2021-08-08 20:42:59 发布

阅读量711

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/chig/p/9166910.html

版权

　　　　<body>
		<div class="row_2" id="ass">
			<label for="aaa">1</label>
			<label for="aaa">2</label>
			<label for="aaa">3</label>
			<label for="bbb">4</label>
			<label for="bbb">5</label>
			<label for="bbb">6</label>
		</div>		
	</body>
	<script type="text/javascript">
		var ass=document.getElementById("ass");
		var laArr = ass.getElementsByTagName("label");
                for(i=0;i<laArr.length;i++){
                  //取出参数for的值
                     var forvalue=laArr[i].getAttributeNode("for").value;
                     var forNext1 = laArr[i+1].getAttributeNode("for").value;
                     if(forvalue==forNext1)
                     {						
                        ass.removeChild(laArr[i+2]); 
                        ass.removeChild(laArr[i+1]);                         
                     } 
                     console.log(forvalue);//aaa
                     console.log(forNext1);//bbb
              }
              
	</script>

　遇到需要获取label标签中的for值，需要用到

getAttributeNode("for").value;

此方法可以获取到属性内的值，而不是标签包裹的文本值；

案例说明；for值是获取后台数据库中的数据，如果有重复，则删除该输出的标签的子集重复项

转载于:https://www.cnblogs.com/chig/p/9166910.html

b10l07

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
获取label标签内for的属性值-js

　　　　<body> <div class="row_2" id="ass"> <label for="aaa">1</label> <label for="aaa">2</label> <label for="aaa">3</label> <label ...
复制链接

扫一扫