為什么顯示有7個(gè)節(jié)點(diǎn) 3個(gè)類型?
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>無標(biāo)題文檔</title>
</head>
<body>
<div>
? javascript ?
? <p>javascript</p>
? <div>jQuery</div>
? <h5>PHP</h5>
</div>
<script type="text/javascript">
? ? var div=document.getElementsByTagName("div")[0].childNodes;
? ? document.write("zijiediangeshu"+div.length+"<br />");
? ? document.write("jiedianleixing"+div[0].nodeType);
?
</script>
</body>
</html>
2016-10-21
這是一個(gè)瀏覽器的兼容問題。標(biāo)準(zhǔn)瀏覽器會(huì)把空白部分以及文本節(jié)點(diǎn)(比如<p></p>后面空白部分)也作為子節(jié)點(diǎn)之一;所以標(biāo)準(zhǔn)瀏覽器有7個(gè)子節(jié)點(diǎn),如果用IE瀏覽器IE6-8則只會(huì)有3個(gè)子節(jié)點(diǎn)。
2016-11-07
為什么我谷歌瀏覽器顯示7個(gè)節(jié)點(diǎn)其中4個(gè)正是作為4個(gè)文本節(jié)點(diǎn)的4段文本?即
?javascript ?
? <p>javascript</p>
? <div>jQuery</div>
? <h5>PHP</h5>
這樣的話如果再加上空白節(jié)點(diǎn)的話豈不是11個(gè)節(jié)點(diǎn)了?
2016-10-24
樓上正解,在本節(jié)課已經(jīng)寫出來了。
2.?節(jié)點(diǎn)之間的空白符,在firefox、chrome、opera、safari瀏覽器是文本節(jié)點(diǎn),所以IE是3,其它瀏覽器是7。
如果你把里面換行都去掉,寫成一行。 <div>javascript<p>javascript</p><div>jQuery</div><h5>PHP</h5></div> 就會(huì)只有4個(gè)節(jié)點(diǎn)