firstChild.nodeValue沒有內(nèi)容輸出
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>無標(biāo)題文檔</title>
</head>
<body>
<div id="con">
? <p>javascript</p>
? <div>jQuery</div>
? <h5>PHP</h5>
</div>
<script type="text/javascript">
? var x=document.getElementById("con");
? document.write("第一個(gè)子節(jié)點(diǎn):"+x.firstChild.nodeName+x.firstChild.nodeValue+x.firstChild.nodeType+"<br>");
? ?document.write("最后一個(gè)子節(jié)點(diǎn):"+x.lastChild.nodeName+x.lastChild.nodeValue+x.lastChild.nodeType+"<br>");
</script>
</body>
</html>
為什么我的x.d=firstChild.nodeValue沒有內(nèi)容輸出？
2018-08-17
在子節(jié)點(diǎn)中兩個(gè)標(biāo)簽之間的空格或換行都被解析為一個(gè)子節(jié)點(diǎn)(文本節(jié)點(diǎn))，
????<div id="con">到 <p>之間的空格或換行都被解析為一個(gè)子節(jié)點(diǎn)(文本節(jié)點(diǎn))，
????所以第一個(gè)子節(jié)點(diǎn)是文本節(jié)點(diǎn)，
????第二個(gè)子節(jié)點(diǎn)是<p></p>,
????第三個(gè)子節(jié)點(diǎn)是</p>到<div>之間的空格或換行。
????以此類推
????在上節(jié)課節(jié)點(diǎn)屬性中講到：?文本節(jié)點(diǎn)的 nodeValue 是文本自身。
如果想看到效果，可以在<div id="con">到 <p>之間隨便寫點(diǎn)文本內(nèi)容。
或者
<div id="con">到 <p>之間的空格和換行都去掉，什么都不寫。
2018-09-08
妙啊!