javascript中访问兄弟节点的问题，代码如下，打出的为什么会是undefined

&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;<br>&lt;html&gt;<br>&lt;head&gt;<br>&lt;title&gt;Siblings&lt;/title&gt;<br>&lt;script language=&quot;javascript&quot; type=&quot;text/javascript&quot;&gt;<br>&lt;!--<br>function myDOMInspector(){<br> var myItem = document.getElementById(&quot;myDearFood&quot;);<br> //访问兄弟节点<br> var nextListItem = myItem.nextSibling;<br> var preListItem = myItem.previousSibling;<br> alert(nextListItem.tagName +&quot; &quot;+ preListItem.tagName);<br>}<br>//--&gt;<br>&lt;/script&gt;<br>&lt;/head&gt;<br>&lt;body onload=&quot;myDOMInspector()&quot;&gt;<br>    &lt;ul&gt;<br> &lt;li&gt;糖醋排骨&lt;/li&gt;<br> &lt;li&gt;圆笼粉蒸肉&lt;/li&gt;<br> &lt;li&gt;泡菜鱼&lt;/li&gt;<br> &lt;li id=&quot;myDearFood&quot;&gt;板栗烧鸡&lt;/li&gt;<br> &lt;li&gt;麻婆豆腐&lt;/li&gt;<br> &lt;/ul&gt;<br>&lt;/body&gt;<br>&lt;/html&gt;

实际上你那么调用，首先碰到的是 <li id="myDearFood"></li> 俩边的空白文字节点。即两个li之间还有空白文字节点间隔，并不是直接就到下一个li了，虽然你看不到。 你alert(nextListItem.nodeName +" "+ preListItem.nodeName); 就能看出来了。