                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

如何找到指定的子节点

<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"是错误的表达，请问能不能得到指定的子节点呢

HYDMonster

2018-11-20

源自：JavaScript进阶篇 9-10

关注问题我要回答

1735

操作

收起

3 回答

慕慕0508951 回答被采纳 +2 积分
2018-11-27

childList[i].getAttribute("id")=="lesson4"表达式正确，但是你需要先排除nodeType 类型是text的，才会执行你下面的代码，否则直接报错

0 回复有任何疑惑可以回复我~

#1

为什么把lastChild换成document.write(mylist.parentNode.parentNode.parentNode.firstChild.innerHTML);会输出undefined，不应该是lesson1的内容被输出出来的嘛

2019-02-11 回复有任何疑惑可以回复我~

酷睿N核
2019-02-28

这样写只获取到 <li id="lesson4">…</li> 这部分的子节点，分别是 HTML/CSS、<ul>…</ul> 与空白符（非IE下），还需要一层循环来获取 <ul>…</ul> 子节点中的内容啊！

1 回复有任何疑惑可以回复我~

思进行
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>

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

JavaScript进阶篇

参与学习 468189 人
解答问题 21891 个

本课程从如何插入JS代码开始，带您进入网页动态交互世界

本课相似问答

2 回答如何获取指定div的子节点？求指教~

1 回答如何获得指定节点的后面所有节点

1 回答访问指定节点的子节点时孙节点怎么算？孙节点也算子节点么？

2 回答如何遍历新添加的子节点？？？？

3 回答如何通过子节点访问到标签内的内容

搜索更多本课相关问答

如何找到指定的子节点

我要回答关注问题

意见反馈帮助中心 APP下载