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

设置节点为document.getElementsByTagName("li")[2]；的有关结果问题

设置节点为var x=document.getElementsByTagName("li")[2]；

结果的下一个子节点为什么不是document.getElementsByTagName("li")[3]；

而是已经是最后一个节点

慕丝5359371

2017-01-04

源自：JavaScript进阶篇 9-11

关注问题我要回答

799

操作

收起

2 回答

雷子_java 回答被采纳 +3 积分
2017-01-09

回复丢你螺母：之前没明白你的意思，你试试设置var x=document.getElementsByTagName("li")[3]；的时候就会得到
相应的前一个子节点（的值null），和后一个子节点（的值php），如果设置设置var x=document.getElementsByTagName("li")[2]；的时候就会得到
相应的前一个子节点（的值jquery），和后一个子节点（的值null）。按理来说document.getElementsByTagName("li")应该会获取到6个元素，但是上面两个例子，都没在所获取数组的边缘，还是得到了null值，我觉得 nextSibling 属性可返回某个节点之后紧跟的节点（处于同一树层级中），它是按照html的文档结构去寻找洗衣歌节点的，在这个例子中一个UL中只有三个li。所以出现了，上面的null 的情况。

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

收起回答

慕丝5359371 提问者

懂了谢谢阿麻烦你了

2017-01-10 回复有任何疑惑可以回复我~

雷子_java 回复慕丝5359371 提问者

不麻烦，客气了

2017-01-12 回复有任何疑惑可以回复我~

雷子_java
2017-01-06

var x=document.getElementsByTagName("li")[2];
    document.write(x.nodeName);
    document.write(" = ");
    document.write(x.innerHTML);

    var y=get_previousSibling(x);

    if(y!=null){
        document.write("<br />previousSibling: ");
        document.write(y.nodeName);
        document.write(" = ");
        document.write(y.innerHTML);
    }else{
      document.write("<br>已经是最后一个节点");
    }

你是说这个else中的 ‘已经是最后一个节点’吗？按照这个分支条件如果 y==null，那么 x已经是第一个节点，不是最后一个，这里的说法是错误的。

拟题目中所说 var x=document.getElementsByTagName("li")[2]；li一共有三个下标为 0,1,2,自然不会存在

document.getElementsByTagName("li")[3]。

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

收起回答

慕丝5359371 提问者

在练习的过程中我把设置节点为var x=document.getElementsByTagName("li")的值改变了几次。像你说的不存在的3 但如果设置var x=document.getElementsByTagName("li")[3]；的时候就会得到相应的前一个子节点（的值null），和后一个子节点（的值php）。为什么这里getElementsByTagName("li")[3]好使呢我其实在纠结这个=。=

2017-01-06 回复有任何疑惑可以回复我~

慕粉4390729 回复慕丝5359371 提问者

你把那个空格删掉，标签都连到一起，就没问题，改数字试一试

2017-01-08 回复有任何疑惑可以回复我~

慕丝5359371 提问者回复慕粉4390729

感谢，

2017-01-10 回复有任何疑惑可以回复我~