我在JS innerHTML中正确使用引号吗？

Question

var foo = 100;
        var firstCell = newRow.firstChild.innerHTML = "<button id='removeBtn' onclick='removeRow("+ foo +")'>X</button>";

我有一小段代码，它将一个按钮插入表格单元格，然后为它赋予一个带参数（foo）的函数。即使它有效，我的代码编辑器括号也不会显示＆＃34; + foo +＆＃34;部分就像innerHTML的其余部分一样。我认为这与我的引号混淆有关，但我不知道如何解决这个问题。这会是一个问题还是我应该这样做？

Answer 1

您可以转义双引号，以便将它们放在onclick中。

... =  "<button id='removeBtn' onclick='removeRow(\""+ foo +"\")'>X</button>";