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

回答

相关问题