                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript入門篇

這樣寫為什么文字下面第一行輸出的不是“javascript”?

<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
<title>innerHTML</title>
</head>
<body>
<h2?id="con">javascript</H2>
<p>?JavaScript是一種基于對象、事件驅動的簡單腳本語言，嵌入在HTML文檔中，由瀏覽器負責解釋和執行，在網頁上產生動態的顯示效果并實現與用戶交互功能。</p>
<script?type="text/javascript">
??var?mychar=?document.getElementById("con")?????????;
??document.write(mychar+"<br>");
??document.write("原標題:"+mychar.innerHTML+"<br>");?//輸出原h2標簽內容
??mychar.innerHTML="Hello?Word!";
??document.write("修改后的標題:"+mychar.innerHTML+"<br>");?//輸出修改后h2標簽內容
??document.write(mychar.innerHTML)
</script>
</body>
</html>
輸出結果是：
JavaScript是一種基于對象、事件驅動的簡單腳本語言，嵌入在HTML文檔中，由瀏覽器負責解釋和執行，在網頁上產生動態的顯示效果并實現與用戶交互功能。
[object?HTMLHeadingElement]
原標題:javascript
修改后的標題:Hello?Word!
Hello?Word!

給mychar加上.innerHTML顯示的是javascript

輸出結果：

JavaScript是一種基于對象、事件驅動的簡單腳本語言，嵌入在HTML文檔中，由瀏覽器負責解釋和執行，在網頁上產生動態的顯示效果并實現與用戶交互功能。

javascript
原標題:javascript
修改后的標題:Hello Word!
Hello Word!

yelllowsky

2017-02-17

源自：JavaScript入門篇 3-3

關注問題我要回答

563

操作

收起

3 回答

機智的云游君回答被采納 +3 積分
2017-02-17

如上，您的代碼輸出結果為hello，world為第一行。

原先的“javascript”字符串標題，在這段代碼處發生改變。

<code>mychar.innerHTML="Hello?Word!";</code>

innerHTML方法改變原先html標簽內的值，導致javascript字符串改變為了Hello world字符串。

1 回復有任何疑惑可以回復我~

收起回答

yelllowsky 提問者

我不理解的是為什么會出現 [object HTMLHeadingElement] 這個輸出結果，如果代碼是按照從上到下執行的， var mychar= document.getElementById("con") ; document.write(mychar+"<br>"); 不是應該是 javascript 嗎？是不是說如果用document.getElementById調用了屬性，mychar這個變量的內容就不是con 的文本而是屬性內容了？顯示的內容 [object HTMLHeadingElement] 就是調用的con的屬性值？

2017-02-18 回復有任何疑惑可以回復我~

機智的云游君回復 yelllowsky 提問者

var mychar= document.getElementById("con") ;只是得到這個DOM，而document.write則是要直接輸出dom，（并沒有告訴他要輸出什么屬性，所以會輸出這個dom本身是什么東西）你所期望的javascript是這個dom里innerHTML的屬性（也就是文本）。這么說吧，document.write(mychar+"<br>");把mychar改成mychar.innerHTML，這樣就會輸出javascript這個文本了。

2017-02-18 回復有任何疑惑可以回復我~

yelllowsky 提問者回復機智的云游君

明白了，非常感謝！

2017-02-19 回復有任何疑惑可以回復我~

慕粉4002440
2017-02-17

輸出結果：

Hello Word!

javascript
原標題:javascript
修改后的標題:Hello Word!

0 回復有任何疑惑可以回復我~

收起回答

誰知北
2017-02-17

<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
<title>innerHTML</title>
</head>
<body>
<h2?id="con">javascript</H2>
<p>?JavaScript是一種基于對象、事件驅動的簡單腳本語言，嵌入在HTML文檔中，由瀏覽器負責解釋和執行，在網頁上產生動態的顯示效果并實現與用戶交互功能。</p>
<script?type="text/javascript">
??var?mychar=?document.getElementById("con")??????????;
??document.write("原標題:"+mychar.innerHTML+"<br>");?//輸出原h2標簽內容
??mychar.innerHTML="Hello?world"
??document.write("修改后的標題:"+mychar.innerHTML);?//輸出修改后h2標簽內容
</script>
</body>
</html>

0 回復有任何疑惑可以回復我~

收起回答