没太弄明白，请大神详解

Question

<ul id="u1">               <li id="a">javascript</li>               <li id="b">jquery</li>               <li id="c">html</li>           </ul>           <ul id="u2">               <li id="d">css3</li>               <li id="e">php</li>               <li id="f">java</li>           </ul>   <script type="text/javascript">    function get_nextSibling(n){       x=n.nextSibling;        x=x.nextSibling;         return x;   }var x=document.getElementsByTagName("li")[2];    var y=get_nextSibling(x);详细讲下粗体和下划线的区别

Answer 1

  
function get_nextSibling(n){    
    x=n.nextSibling; // n的下一个相邻节点，并给了x
    x=x.nextSibling; // x的下一个相邻节点，有重新给了x。 也就是说x被重新改写成了x.nextSibling;
    return x;       // 最后返回的x等效于 n.nextSibling.nextSibling；
}

Answer 2

变量是个盒子，搞清楚盒子里面装的是什么就明白了。 

在这里你要明白 粗体部分时 x这个盒子装的是什么。

下划线时，你的这个x盒子有装的是什么。

Answer 3

nextSibling 属性返回指定节点之后紧跟的节点，在相同的树层级中。粗体部分指获取传入参数对象的下一个同级节点；
下划线指的是下一个同级节点的下一个同级节点。

Answer 4

我一个人 走在街上  没有人注意我  我也看不到任何人