<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="http://chabaoo.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>

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

希望本文所述對大家的javascript web程序設計有所幫助。

您可能感興趣的文章:

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