如何找到指定的子節(jié)點
<script??type="text/javascript"> ????var?mylist?=?document.getElementById("tcon");? ????var?parent=mylist.parentNode.parentNode.parentNode; ????var?childList=parent.childNodes; ????for(var?i=0;i<childList.length;i++){ ????????if(childList[i].getAttribute("id")=="lesson4"){ ????????????var?sunList=childList[i].childNodes; ????????????for(var?j=0;j<sunList.length;j++){ ????????????????document.write(sunList[j].innerHTML+"??"); ????????????} ?????????} ???????}
這里面那個childList[i].getAttribute("id")=="lesson4"是錯誤的表達,請問能不能得到指定的子節(jié)點呢
2018-11-27
childList[i].getAttribute("id")=="lesson4"表達式正確,但是你需要先排除nodeType 類型是text的,才會執(zhí)行你下面的代碼,否則直接報錯
2019-02-28
這樣寫只獲取到 <li id="lesson4">…</li> 這部分的子節(jié)點,分別是?HTML/CSS、<ul>…</ul> 與 空白符(非IE下),還需要一層循環(huán)來獲取 <ul>…</ul> 子節(jié)點中的內容?。?/p>
2019-02-11
<ul id="con">
<li id="lesson1">javascript
? <ul>?
? ? ? <li id="tcon"> 基礎語法</li>
? ? ? <li>流程控制語句</li>
? ? ? <li>函數</li>
? ? ? <li>事件</li>
? ? ? <li>DOM</li>
? </ul>
</li>
<li id="lesson2">das</li>
<li id="lesson3">dadf</li>
<li id="lesson4">HTML/CSS?
? <ul>
? ? <li>文字</li>
? ? <li>段落</li>
? ? <li>表單</li>
? ? <li>表格</li>??
? </ul>?
</li></ul>?