JavaScript中的代碼含義「document.getElementById（'msg'）。innerHTML

我有這段代碼，但我試圖解釋每一行，但是我得到的解釋是第6行和第7行的解釋不正確，我也不太瞭解？代碼是什麼意思或不任何幫助謝謝JavaScript中的代碼含義「document.getElementById（'msg'）。innerHTML

1) <!DOCTYPE html> 
2) <html> 
3) <body> 
4) <h1>Task 1 code</h1> 
5) <p id="msg">Now you see me.</p> 
6) <button type="button" 
onclick="document.getElementById('msg').innerHTML = 'Gone!'"> 
Click Me!</button> 
7) <button type="button" 
onclick="document.getElementById('msg').innerHTML = 'Back again!'"> 
Bring me back!</button> 
8) </body> 
9) </html>

這裏是我的解釋：

第一行將就腳本評論
第二行將創建一個d打開一個HTML腳本。
第三行將打開body標籤。
第四行將創建一級標題，它將顯示「任務1代碼」作爲標題，並將關閉它。
第五行將創建一個新段落，它將有一個名爲「msg」的標識，並且在標識中，它將會有句「現在你看到我」，然後關閉段落。
第六行將創建一個擱淺的按鈕窗體，只需單擊一下即可響應。當點擊它時，它將獲得id的元素，並且如果單擊「Click me！」按鈕，則將標題更改爲「Gone！」。
第七行會創建一個標準的按鈕形式，只需點擊一下就會響應，它會從ID中獲取元素，當點擊「回我！」按鈕時，它會將標題更改爲'Back'
第八行將關閉body標籤。
第九行將關閉HTML腳本。

來源

2017-05-11 Anonymous User

*第一行將創建一個html腳本*，可以討論如果html是一種真正的腳本語言...... –

*將只需點擊一下* * –

網上有一些網站給出了html和javascript的基本元素的解釋和例子，例如mdn：https：//developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML – cypherabe

什麼線6和7如下操作：

當你點擊按鈕「點擊我！」，它就會以「味精」的ID的元素，並且改變innerHTML - 什麼是直觀地顯示在頁面上。

cur = 1 
 

 
function start(){ 
 
    document.getElementById("msg").innerHTML = cur; 
 
    cur+=1; 
 
    setTimeout(start, 1000); 
 
} 
 
start();

<p id="msg">1</p>

來源

2017-05-11 15:37:43

我覺得你的問題是這個詞「頭」的濫用。點擊第六行上的按鈕將會將帶有ID信息的<p>的文本更改爲「Gone！」。七個按鈕將把它改爲「Back Again！」。

來源

2017-05-11 15:39:22

也許，您對「標題」這個詞的使用是導致問題的原因。 innerHTML方法更改p標籤的「內容」。希望這可以幫助。

來源

2017-05-11 15:53:42 Henry

JavaScript中的代碼含義「document.getElementById（'msg'）。innerHTML

回答

相關問題