將變量插入到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>

Answer 2

我會用追加的孩子，而不是：

var table = document. createElement("table") 
document.getElementById("hello").appendChild(table) 

...等等等等