使用 var 将 innerHTML 替换为 document.getElementById答案

【问题标题】：Replacing innerHTML with document.getElementById by using var使用 var 将 innerHTML 替换为 document.getElementById
【发布时间】：2021-01-14 01:38:31
【问题描述】：

我正在尝试使用 var 将具有  Hello!  的 ID example 替换为  Hi! 。

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

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

【问题讨论】：

var i = Hi! 无效，因为Hi! 不是字符串，您需要将其括在引号中。 i 完全按照您的要求进行操作，如果您想使用这种语法，请查看字符串模板。

标签： javascript html innerhtml var getelementbyid

【解决方案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>

【讨论】：

@LazaroYT 很高兴为您提供帮助 :)

【解决方案2】：

您可能正在寻找template litterals

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

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

【讨论】：