javascript - 内部 html 的这种变化应该如何响应？

Question

我正在尝试使用按钮更改段落标记的文本，并且我想测试不同的样式标记将如何影响该更改。我的 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 时出现问题.

Answer 1

它是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?";
}

演示:http://jsfiddle.net/shseqy0t/