                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript進階篇

看代碼，為什么輸出的undefined.

沒發現哪里有錯誤，為啥在360瀏覽器總出輸出undefined呢

web小菜

2017-02-07

源自：JavaScript進階篇 9-10

關注問題我要回答

1455

操作

收起

3 回答

啊啊啊啊123
2017-02-08

JS中空格也是作為一個文本節點. 就是這么規定了可以判斷 if(elements.nodeType == 3?){...}

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

收起回答

初影_chaos
2017-02-07

<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>

這個undefined其實是空白結點，也就是結尾的</li>和</ul>之間的空白結點，課程里面講過IE瀏覽器會忽略，而其他瀏覽器不會，你把表格代碼結尾像我上面給的修改一下就可以了。望采納

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

收起回答

初影_chaos

相關課程位置，JavaScript進階篇 9-8

2017-02-07 回復有任何疑惑可以回復我~

web小菜提問者

谷歌瀏覽器也是輸出undefined。真搞不懂這個節的知識。學習這個有什么用呢？

2017-02-08 回復有任何疑惑可以回復我~

初影_chaos 回復 web小菜提問者

節點之間的空白符，在firefox、chrome、opera、safari瀏覽器是文本節點，所以谷歌chrome也一樣。學習這個也不是讓你用到它，是讓你知道存在這么個東西，像你給出的代碼想輸出html/css課程的內容，你知道這個空白結點的存在才知道怎么寫才會輸出你想要的，而不是輸出undefined.

2017-02-08 回復有任何疑惑可以回復我~

O1dSky
2017-02-07

我試了一下

<ul>
????????<li>文字</li>
????????<li>段落</li>
????????<li>表單</li>
????????<li>表格</li>??
??????</ul>?
????</li>
</ul>??
//這樣會輸出undefined

<ul>
????????<li>文字</li>
????????<li>段落</li>
????????<li>表單</li>
????????<li>表格</li>??
??????</ul>?
????</li></ul>??
????
//這樣就可以輸出正確結果
//我也不知道為什么會這樣。。

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

收起回答

O1dSky

我試多了幾次，發現最后的 </li>和</ul>之間有多一個空格都不行，具體原因等大神來回答了

2017-02-07 回復有任何疑惑可以回復我~