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