代码描述:JavaScript所有后代元素。JavaScript所有后代元素代码下载
获取子元素可以使用children和childNodes。 但上述个属性有一个共同的特点,只能够获取一级子节点,关于这两个属性的用法可以参阅下面两章节: (1).childNodes参阅JavaScript childNodes一章节。 (2).children可以参阅JavaScript children一章节。 下面通过代码实例演示一下如何利用JavaScript获取指定元素下的所有后代元素。 代码实例如下:
<!DOCTYPE html><html> <head> <meta charset=" utf-8"> <meta name="author" content="https://www.51qianduan.com/" /> <title>51前端</title> <style type="text/css"> #box{ width:200px; height:200px; background:blue; font-size:12px; } #middle{ width:100px; height:100px; background:black; } #inner{ width:50px; height:50px; background:green; } </style> <script type="text/javascript"> window.onload=function(){ var obox=document.getElementById("box"); var oshow=document.getElementById("show"); var arr=[]; function done(obj,arr){ if(obj.children.length!=0){ for(var index=0;index<obj.children.length;index++){ arr.push(obj.children[index].id); done(obj.children[index],arr); } } } done(obox,arr); oshow.innerHTML=arr+""; } </script> </head> <body> <div id="show"></div> <div id="box"> <div id="middle"> <div id="inner"> <div id="last">51前端</div> </div> </div> </div> </body> </html>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能