<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="http://www.dbjr.com.cn/" />

<title>javascript獲取后代元素</title>

<script type="text/javascript">

window.onload=function(){

  var obox=document.getElementById("box");

  var oshow=document.getElementById("show");

  var nodes=obox.getElementsByTagName("*");

  oshow.innerHTML=nodes.length;

}

</script>

</head>

<body>

<div id="show"></div>

<div id="box">

  <div>

    <ul>

      <li>元素一</li>

      <li>元素二</li>

      <li>元素三</li>

    </ul>

  </div>

</div>

</body>

</html>

上面的代碼實(shí)現(xiàn)了我們的要求，參數(shù)星號(hào)表示一個(gè)通配符，它可以匹配所有類(lèi)型的標(biāo)簽。
getElementsByTagName()方法的調(diào)用對(duì)象決定了它的查找范圍。

希望本文所述對(duì)大家的javascript web程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

Javascript執(zhí)行流程細(xì)節(jié)原理解析
這篇文章主要介紹了Javascript執(zhí)行流程細(xì)節(jié)解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-05-05
Bootstrap文件上傳組件之bootstrap fileinput
這篇文章主要介紹了Bootstrap文件上傳組件之bootstrap fileinput,重點(diǎn)是把界面做得更加友好，更好的增加用戶(hù)體驗(yàn)。還有還多注意細(xì)節(jié)大家可以通過(guò)本文詳細(xì)了解下
2016-11-11
JS學(xué)習(xí)之表格的排序簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇JS學(xué)習(xí)之表格的排序簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧
2016-05-05
使用JavaScript渲染頁(yè)面的方法詳解
本文主要介紹了使用JavaScript渲染頁(yè)面的方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,感興趣的小伙伴下面隨著小編來(lái)一起來(lái)學(xué)習(xí)吧
2023-12-12
javascript實(shí)現(xiàn)滾輪輪播圖片
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)滾輪輪播圖片，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-12-12
元素的內(nèi)聯(lián)事件處理函數(shù)的特殊作用域在各瀏覽器中存在差異
在一個(gè)元素的屬性中綁定事件，實(shí)際上就創(chuàng)建了一個(gè)內(nèi)聯(lián)事件處理函數(shù)（如<h1 onclick="alert(this);"...>...</h1>）,內(nèi)聯(lián)事件處理函數(shù)有其特殊的作用域鏈，并且各瀏覽器的實(shí)現(xiàn)細(xì)節(jié)也有差異。
2011-01-01
如何使用Javascript獲取距今n天前的日期
本篇文章是對(duì)使用Javascript獲取距今n天前日期的實(shí)現(xiàn)代碼進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下
2013-07-07
js實(shí)現(xiàn)精美的銀灰色豎排折疊菜單
這篇文章主要介紹了js實(shí)現(xiàn)精美的銀灰色豎排折疊菜單,可實(shí)現(xiàn)頁(yè)面左側(cè)豎排的縱向折疊菜單效果,非常美觀實(shí)用,需要的朋友可以參考下
2015-05-05
js讀取注冊(cè)表的鍵值示例
讀取注冊(cè)表的鍵值的方法有很多，在本文將為大家詳細(xì)介紹下使用js如何實(shí)現(xiàn)注冊(cè)表的鍵值讀取，感興趣的朋友可以參考下
2013-09-09
javascript中call和apply的用法示例分析
這篇文章主要介紹了javascript中call和apply的用法示例分析，非常的詳細(xì),需要的朋友可以參考下
2015-04-04