到底是如何輸出的
<!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(x.firstChild.nodeName+"</br>");
??document.write(x.lastChild.nodeName+"</br>");
?
</script>
</body>
</html>為什么下面是輸出的P和#text，節點有點沒懂
2017-05-16
<!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>
<div id="con1"><p>javascript</p><div>jQuery</div><h5>PHP</h5></div>
<script type="text/javascript">
? var x=document.getElementById("con");
?document.write(x.firstChild.nodeName+"<br>");
?document.write(x.lastChild.nodeName+"<br>");
? ?var x=document.getElementById("con1");
?document.write(x.firstChild.nodeName+"<br>");//顯示節點名稱
?document.write(x.lastChild.nodeName+"<br>");
? ? var x=document.getElementById("con1");
?document.write(x.firstChild.innerHTML+"<br>");//顯示節點內容
?document.write(x.lastChild.innerHTML+"<br>");
</script>
</body>
</html>