快捷導(dǎo)航

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

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

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

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

以前看了JS方面的書，如今用到了，書看得再多，不用就忘了，所以經(jīng)常用用你所學(xué)到的知識(shí)，溫故知新。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title>m.fzitv.net 查找孩子結(jié)點(diǎn)</title>
<meta keywords="商品目錄"/>
<meta description="JS查找孩子節(jié)點(diǎn)"/>
<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>

運(yùn)行結(jié)果：

還需要努力和實(shí)踐，堅(jiān)持，加油。

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

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

您可能感興趣的文章:

相關(guān)文章

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