JS查找孩子節(jié)點簡單示例

更新時間：2019年07月25日 11:54:31 作者：xshang

這篇文章主要介紹了JS查找孩子節(jié)點,結合完整實例形式分析了javascript節(jié)點遍歷、查找相關操作技巧,需要的朋友可以參考下

本文實例講述了JS查找孩子節(jié)點功能。分享給大家供大家參考，具體如下：

以前看了JS方面的書，如今用到了，書看得再多，不用就忘了，所以經常用用你所學到的知識，溫故知新。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title>www.fzitv.net 查找孩子結點</title>
<meta keywords="商品目錄"/>
<meta description="JS查找孩子節(jié)點"/>
<script type="text/javascript">
   function getContent()
   {
   var x=document.getElementById("content");
   for(var i=0;i<x.childNodes.length;i++)
   {
     if((content=x.childNodes[i].innerHTML)=="目錄")
     {
      var next=x.childNodes[i].nextSibling.nextSibling.textContent;
      console.log(next);
     }
   }
   }
   window.onload=getContent;
</script>
</head>
<body>
<div id="content">
<h3>商品</h3>
<div id="1">
 <p >this is the first paragragh</p>
</div>
<h3>作者</h3>
<div id="2">
 <p>this is the second paragragh</p>
</div>
<h3>目錄</h3>
<div id="3">
 <p>this is the third paragragh</p>
</div>
</div>
</body>
</html>

運行結果：

還需要努力和實踐，堅持，加油。

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。

更多關于JavaScript相關內容可查看本站專題：《JavaScript操作DOM技巧總結》、《JavaScript頁面元素操作技巧總結》、《JavaScript事件相關操作與技巧大全》、《JavaScript查找算法技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript錯誤與調試技巧總結》

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

您可能感興趣的文章:

利用Js的console對象,在控制臺打印調式信息測試Js的實現
下面小編就為大家?guī)硪黄肑s的console對象,在控制臺打印調式信息測試Js的實現。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-11-11
JavaScript中判斷網絡狀態(tài)的幾種方法
這篇文章主要介紹了如何使用JavaScript的`navigator.onLine`屬性和`ononline`、`onoffline`事件來檢測瀏覽器的在線狀態(tài),并提供了兼容性代碼示例,需要的朋友可以參考下
2025-02-02
Javascript 實現TreeView CheckBox全選效果
Javascript 實現TreeView CheckBox 選中父節(jié)點時所有子節(jié)點全選，取消時全部取消
2010-01-01
使用微信小程序制作核酸檢測點查詢工具
出門在外，沒有核酸證明寸步難行，此文將教你如何通過小程序制作一個工具幫你在人生地不熟的情況如何迅速找到核酸檢測點，實現核酸點查詢、地圖導航、撥號等功能，需要的朋友可以參考下
2022-10-10
JavaScript類型系統(tǒng)之正則表達式
正則又叫規(guī)則或模式，是一個強大的字符串匹配工具。javascript通過RegExp類型來支持正則表達式，本文給大家介紹javascript類型系統(tǒng)之正則表達式，對js正則表達式相關知識感興趣的朋友一起學習吧
2016-01-01
javascript實現在光標處插入指定內容
javascript實現在光標處插入指定內容...
2007-05-05
JS去掉第一個字符和最后一個字符的實現代碼
本篇文章主要是對JS去掉第一個字符和最后一個字符的實現代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-02-02
使用戶點擊后退按鈕使效三行代碼
使用戶點擊后退按鈕使效三行代碼...
2007-07-07
JavaScript HTML DOM 元素 (節(jié)點)新增，編輯，刪除操作實例分析
這篇文章主要介紹了JavaScript HTML DOM 元素 (節(jié)點)新增，編輯，刪除操作,結合實例形式分析了JavaScript針對HTML DOM 元素 (節(jié)點)的新增，編輯，刪除相關操作技巧與使用注意事項,需要的朋友可以參考下
2020-03-03
微信小程序云開發(fā)實現云數據庫讀寫權限
這篇文章主要為大家詳細介紹了微信小程序云開發(fā)實現云數據庫讀寫權限，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-05-05