代码描述:getElementByTagName()获取一级子元素。getElementByTagName()获取一级子元素源码下载
标题是说使用getElementByTagName()函数获取指定元素的一级指定类型的子元素集合,其实这只是一个噱头,因为确实有人问过如何使用此方法来实现此功能,但是感觉还是换一种思路实现的好,下面就介绍一下如何获取指定元素下的一级指定类型的子元素。 代码如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="https://www.51qianduan.com/" /> <title>51前端</title> <script type="text/javascript"> window.onload=function(){ var obox=document.getElementById("box"); var oshow=document.getElementById("show"); var eles=obox.children; var arr=[]; for(var index=0;index<eles.length;index++){ if(eles[index].tagName="LI"){ arr.push(eles[index]); } } for(var index=0;index<arr.length;index++){ oshow.innerHTML=oshow.innerHTML+arr[index].innerHTML; } } </script> </head> <body> <div id="show"></div> <ul id="box"> <li>51前端一</li> <li>51前端二</li> <li>51前端三</li> <li>51前端四</li> <span>51前端五</span> </ul> </body> </html>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能