对内部html的更改应该如何响应？
提问于 2015-05-13 06:34:28
我试图用按钮更改段落标签的文本，并且我想测试不同的样式标记会如何影响更改。我的html如下所示：
<p id="testParagraph"> This <strong> is </strong> a test </p>
<button id="button">Run Test</button>在js文件中，我按其id抓取该标记，并试图设置其内部html，如下所示：
var button = document.getElementById("button");
button.onclick = function() {
document.getElementById("testParagraph").innerHtml = "I changed the inner html, but what do I look like?";
}当我点击这个按钮时，我没有看到任何变化，我想知道这是因为我做错了什么，还是因为原来段落标签中的强标记，改变html有什么问题。
回答 2
Stack Overflow用户
回答已采纳
发布于 2015-05-13 06:36:54
这是innerHTML而不是innerHtml
var button = document.getElementById("button");
button.onclick = function() {
document.getElementById("testParagraph").innerHTML = "I changed the inner html, but what do I look like?";
}Stack Overflow用户
发布于 2015-05-13 06:37:02
我是.innerHTML，不是.innerHtml。套管在JavaScript中起着重要作用。
没什么好说的了。一个简单的错误-继续！
编辑：
因为我们有两个相同的答案，我想我应该给出一个脚本的替代解决方案。
您可以使用addEventListener，好处是您可以将多个事件附加到同一个元素(相对于直接onclick)。这不是一项建议，只是提到这是另一种选择。你想用什么就用什么。
document.getElementById("button").addEventListener('click', function() {
document.getElementById("testParagraph").innerHTML = "I changed the inner html, but what do I look like?";
});<p id="testParagraph"> This <strong> is </strong> a test </p>
<button id="button">Run Test</button>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30218009
复制
腾讯云开发者
