获取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 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值是获取后台数据库中的数据,如果有重复,则删除该输出的标签的子集重复项

猜你喜欢

转载自www.cnblogs.com/chig/p/9166910.html