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

有问题了！！

为啥他要我敲三遍parentNode才给过？？？而且给的参考代码也是写了两遍的？？

湫之恋

2019-11-12

源自：JavaScript进阶篇 9-10

关注问题我要回答

667

操作

收起

2 回答

几盎丶
2020-06-06

可以仔细看下DOM树结构，发现我们选中的带有class：tcon的li元素，他的父结点是ul元素结点，ul元素结点的父节点是id：lesson1的li元素结点，Id：lesson1的li结点的父结点是id：con的ul元素结点，然后id：con的ul元素结点有8个子节点，编号为0，1，2，3，4，5，6，7，再次写下这8个结点的nodeName（结点名）作为参考

0:#text（默认文本元素结点）1:LI 2:#text 3:LI 4:#text 5:LI 6:#text 7:LI(我们要的nodeValue结点值的li元素结点)

document.write(mylist.parentNode.parentNode.parentNode.childNodes[7].childNodes[0].nodeValue);