                        課程
                    
                        /前端開發(fā)
                        
                            /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是一種基于對(duì)象、事件驅(qū)動(dòng)的簡單腳本語言，嵌入在HTML文檔中，由瀏覽器負(fù)責(zé)解釋和執(zhí)行，在網(wǎng)頁上產(chǎn)生動(dòng)態(tài)的顯示效果并實(shí)現(xiàn)與用戶交互功能。</p>
<script?type="text/javascript">
??var?mychar=?document.getElementById("con")?????????;
??document.write(mychar+"<br>");
??document.write("原標(biāo)題:"+mychar.innerHTML+"<br>");?//輸出原h(huán)2標(biāo)簽內(nèi)容
??mychar.innerHTML="Hello?Word!";
??document.write("修改后的標(biāo)題:"+mychar.innerHTML+"<br>");?//輸出修改后h2標(biāo)簽內(nèi)容
??document.write(mychar.innerHTML)
</script>
</body>
</html>
輸出結(jié)果是：
JavaScript是一種基于對(duì)象、事件驅(qū)動(dòng)的簡單腳本語言，嵌入在HTML文檔中，由瀏覽器負(fù)責(zé)解釋和執(zhí)行，在網(wǎng)頁上產(chǎn)生動(dòng)態(tài)的顯示效果并實(shí)現(xiàn)與用戶交互功能。
[object?HTMLHeadingElement]
原標(biāo)題:javascript
修改后的標(biāo)題:Hello?Word!
Hello?Word!

給mychar加上.innerHTML顯示的是javascript

輸出結(jié)果：

JavaScript是一種基于對(duì)象、事件驅(qū)動(dòng)的簡單腳本語言，嵌入在HTML文檔中，由瀏覽器負(fù)責(zé)解釋和執(zhí)行，在網(wǎng)頁上產(chǎn)生動(dòng)態(tài)的顯示效果并實(shí)現(xiàn)與用戶交互功能。

javascript
原標(biāo)題:javascript
修改后的標(biāo)題:Hello Word!
Hello Word!

yelllowsky

2017-02-17

源自：JavaScript入門篇 3-3

關(guān)注問題我要回答

552

操作

收起

3 回答

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

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

原先的“javascript”字符串標(biāo)題，在這段代碼處發(fā)生改變。

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

innerHTML方法改變?cè)萮tml標(biāo)簽內(nèi)的值，導(dǎo)致javascript字符串改變?yōu)榱薍ello world字符串。

1 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

yelllowsky 提問者

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

2017-02-18 回復(fù) 有任何疑惑可以回復(fù)我~

#2

機(jī)智的云游君回復(fù) yelllowsky 提問者

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

2017-02-18 回復(fù) 有任何疑惑可以回復(fù)我~

#3

yelllowsky 提問者回復(fù) 機(jī)智的云游君

明白了，非常感謝！

2017-02-19 回復(fù) 有任何疑惑可以回復(fù)我~

慕粉4002440
2017-02-17

輸出結(jié)果：

Hello Word!

JavaScript是一種基于對(duì)象、事件驅(qū)動(dòng)的簡單腳本語言，嵌入在HTML文檔中，由瀏覽器負(fù)責(zé)解釋和執(zhí)行，在網(wǎng)頁上產(chǎn)生動(dòng)態(tài)的顯示效果并實(shí)現(xiàn)與用戶交互功能。

javascript
原標(biāo)題:javascript
修改后的標(biāo)題:Hello Word!

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

誰知北
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是一種基于對(duì)象、事件驅(qū)動(dòng)的簡單腳本語言，嵌入在HTML文檔中，由瀏覽器負(fù)責(zé)解釋和執(zhí)行，在網(wǎng)頁上產(chǎn)生動(dòng)態(tài)的顯示效果并實(shí)現(xiàn)與用戶交互功能。</p>
<script?type="text/javascript">
??var?mychar=?document.getElementById("con")??????????;
??document.write("原標(biāo)題:"+mychar.innerHTML+"<br>");?//輸出原h(huán)2標(biāo)簽內(nèi)容
??mychar.innerHTML="Hello?world"
??document.write("修改后的標(biāo)題:"+mychar.innerHTML);?//輸出修改后h2標(biāo)簽內(nèi)容
</script>
</body>
</html>

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答