原生javascript实现获取指定元素下所有后代元素的方法
本文实例讲述了原生javascript实现获取指定元素下所有后代元素的方法,分享给大家供大家参考。具体实现方法如下:
过去常用的循环递归的方式显得非常的麻烦,下面就分享一个比较简单的方式,使用原生的javascript方法即可实现此功能。
代码实例如下:
<!DOCTYPEhtml> <html> <head> <metacharset="utf-8"> <metaname="author"content="https://www.nhooo.com/"/> <title>javascript获取后代元素</title> <scripttype="text/javascript"> window.onload=function(){ varobox=document.getElementById("box"); varoshow=document.getElementById("show"); varnodes=obox.getElementsByTagName("*"); oshow.innerHTML=nodes.length; } </script> </head> <body> <divid="show"></div> <divid="box"> <div> <ul> <li>元素一</li> <li>元素二</li> <li>元素三</li> </ul> </div> </div> </body> </html>
上面的代码实现了我们的要求,参数星号表示一个通配符,它可以匹配所有类型的标签。
getElementsByTagName()方法的调用对象决定了它的查找范围。
希望本文所述对大家的javascriptweb程序设计有所帮助。