到底是如何輸出的
<!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(x.firstChild.nodeName+"</br>"); ??document.write(x.lastChild.nodeName+"</br>"); ? </script> </body> </html>
為什么下面是輸出的P和#text,節(jié)點(diǎn)有點(diǎn)沒懂
2017-05-16
<!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>
<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>");//顯示節(jié)點(diǎn)名稱
?document.write(x.lastChild.nodeName+"<br>");
? ? var x=document.getElementById("con1");
?document.write(x.firstChild.innerHTML+"<br>");//顯示節(jié)點(diǎn)內(nèi)容
?document.write(x.lastChild.innerHTML+"<br>");
</script>
</body>
</html>