復(fù)現(xiàn):##
<ul id="list">
<li>one</li>
<li>two</li>
<li>three</li>
</ul>
<script>
var first=document.getElementById("list").firstChild;
console.log(itm);//#text
var last=document.getElementById("list").lastChild;
console.log(itm);//#text
}
</script>
debug:##
<ul id="list"><li>one</li>
<li>two</li>
<li>three</li></ul>
<script>
var first=document.getElementById("list").firstChild;
console.log(itm);//<li>one</li>
var last=document.getElementById("list").lastChild;
console.log(itm);//<li>three</li>
}
</script>
so:?jiǎn)栴}主要是出自<ul id="list">之后和</ul>之前的“回車”和“空格”字符,復(fù)現(xiàn)里面打印出的#text就是這些“回車”和“空格”字符,也稱文本節(jié)點(diǎn),它們才是真正意義上的firstChild和lastChild,而不是我們想要獲取的li,所以debug中將這些空白字符去掉即可。