為啥innerHTML不生效呢。
如題。。。。
榛子泉
2015-09-22
7 回答
舉報(bào)
0/150
提交
取消
2015-09-22
舉報(bào)
2016-01-06
這是我的代碼與答案，樓主可以參考一下：
<!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 + "<br>");
? for (var i=0;i<x.childNodes.length;i++){
? ? ? document.write(" 我是第" + i + "個(gè)：" + x.childNodes[i] + "<br>");
? }
? document.write(x.lastChild + "<br>");
document.write("首節(jié)點(diǎn)：" + x.firstChild.innerHTML+"<br>");
? document.write("末節(jié)點(diǎn)：" + x.lastChild.nodeName+"<br>");
</script>
</body>
</html>
答案：
javascript
jQuery
PHP
[object Text]
??我是第0個(gè)：[object Text]
??我是第1個(gè)：[object HTMLParagraphElement]
??我是第2個(gè)：[object Text]
??我是第3個(gè)：[object HTMLDivElement]
??我是第4個(gè)：[object Text]
??我是第5個(gè)：[object HTMLHeadingElement]
??我是第6個(gè)：[object Text]
[object Text]
首節(jié)點(diǎn)：undefined
末節(jié)點(diǎn)：#text
樓主出現(xiàn)的那種情況可能是瀏覽器兼容性的問題，樓主可以換個(gè)瀏覽器試試！
2015-12-07
瀏覽器兼容問題，不是ie9的瀏覽器會(huì)認(rèn)為div標(biāo)簽后有個(gè)空節(jié)點(diǎn)，所以x.firstChild是個(gè)空節(jié)點(diǎn)沒有任何內(nèi)容
2015-12-02
上面的回答有問題，使用innerHTML也是可以的，代碼如下：
<!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("div的第一個(gè)子節(jié)點(diǎn)為："+x.firstChild.innerHTML+"<br>");
? document.write("div的最后一個(gè)節(jié)點(diǎn)為："+x.lastChild.nodeName+"<br>");
</script>
</body>
</html>
執(zhí)行結(jié)果為：
javascript
jQuery
PHP
div的第一個(gè)子節(jié)點(diǎn)為：javascript
div的最后一個(gè)節(jié)點(diǎn)為：H5
要讓innerHTML執(zhí)行出結(jié)果，需要把<body>...</body>代碼中的空格都去掉，如果不去掉，執(zhí)行結(jié)果為：
javascript
jQuery
PHP
div的第一個(gè)子節(jié)點(diǎn)為：javascript
div的最后一個(gè)節(jié)點(diǎn)為：H5
2015-12-02
innerHTML的用法一般為document.getElementById("id").innerHTML;
2015-11-10
兼容性的問題 不換行就好了 不信你輸出nodeName看看firstChild這個(gè)node是不是P嘛
2015-11-09
?百度了一下 貌似 節(jié)點(diǎn)沒有innerHTML的屬性。。
2015-09-22
瀏覽器版本問題，你把標(biāo)簽不換行試試看