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