本文實例講述了JS查找孩子節(jié)點功能。分享給大家供大家參考,具體如下:
以前看了JS方面的書,如今用到了,書看得再多,不用就忘了,所以經(jīng)常用用你所學(xué)到的知識,溫故知新。
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html;charset=utf-8"/><title>m.survivalescaperooms.com 查找孩子結(jié)點</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>運行結(jié)果:

還需要努力和實踐,堅持,加油。
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具:http://tools.VeVB.COm/code/HtmlJsRun測試上述代碼運行效果。
更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題:《JavaScript操作DOM技巧總結(jié)》、《JavaScript頁面元素操作技巧總結(jié)》、《JavaScript事件相關(guān)操作與技巧大全》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript錯誤與調(diào)試技巧總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
新聞熱點
疑難解答