javascript - 将变量插入innerHTML

Question

我正在尝试创建一个出现在 id="here"中的表。

问题是我需要将“var i”放在表标题(th)内。

执行时，表格不会出现 - 我认为这是因为当我添加“var i”时字符串中断。

有什么办法可以解决这个问题吗？是否有一种已知的方法可以将变量插入到这样的表中？

感谢任何/所有帮助:)

<p id="here"></p>
<button type="button" onclick="test();"></button>

<script>

var i = Dogs;
function test() {document.getElementById("here").innerHTML = 
"<table><tr><th>" + i + "</th></tr></table>";}

</script>

Answer 1

为狗添加引号。字符串文字必须带有引号。

var i = "Dogs";
function test() {document.getElementById("here").innerHTML = 
"<table><tr><th>" + i + "</th></tr></table>";}

<p id="here"></p>
<button type="button" onclick="test();">click me</button>