js获取子元素属性值的问题?

<div class="t">
         <span class="y" id="A1">A</span>
         <span class="y" id="B1">B</span>
         <span class="y" id="C1">C</span>
         ...
</div>

如何获取A1 B1 C1 ... ?


怪盗饭团
浏览 2436回答 3
3回答

weibo_哆啦A梦有大口袋_0

<!DOCTYPE html> <html> <head>   <meta charset="UTF-8">   <title>测试</title> </head> <body>     <div class="t">          <span id="A1" class="red">A</span>          <span id="B1" class="green">B</span>          <span id="C1" class="blue">C</span>     </div> </body> </html> <script type="text/javascript">     //DOM节点加载完成后执行     window.onload=function(){         var A=document.getElementById('A1');         var B=document.getElementById('B1');         var C=document.getElementById('C1');         //测试         var Aclass=A.getAttribute("class");         var Bid=B.getAttribute("id");         var Cclass=C.getAttribute("class");         alert(Aclass+Bid+Cclass);     } </script>出于对回答者的认同和尊重,解决了你的问题,请采纳,谢谢

柠檬酸钠

var spans = document.getElementsByClassName('t')[0].getElementsByTagName('span'); for (var i=0;i<spans.length;i++) {     console.log(spans[i].getAttribute('id')); }

黑色旋风

  <script>     var t = document.getElementById('A1');     document.write(t.getAttribute('id'));   </script>呐,getAttribute()。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript