使用 var 将 innerHTML 替换为 document.getElementById

Question

我正在尝试使用 var.

将具有  Hello!  的 ID example 替换为  Hi! 

这是我尝试过的： var i = Hi!

document.getElementById('example').innerHTML = 'i' 但它把 example 改为 i，而不是“嗨！”

Answer 1

您正在寻找字符串连接。您最初用引号将变量名括起来，这导致它被解释为字符串。

function go(){
    var i = "Hi!"
    document.getElementById('example').innerHTML = "<p>"+i+"</p>";
}

<div id="example"><p>Test</p></div>
<button onclick="go()">Change</button>

Answer 2

您可能正在寻找 template litterals

var i = "Hi!";
document.getElementById("example").innerHTML = `<p>${i}</p>`;

<div id="example">
  <p>Hi there!</p>
</div>

使用 var 将 <p></p> innerHTML 替换为 document.getElementById