我是否在 JS innerHTML 中正确使用引号

Question

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

我有一小行代码，它将一个按钮插入表格单元格，然后为其分配一个带有参数 （foo） 的函数。即使它可以工作，我的代码编辑器括号也不会像 innerHTML 的其余部分那样显示"+ foo +"部分。我认为这与我的引号混淆有关，但我不确定如何解决这个问题。这会是一个问题还是我应该这样离开它？

Answer 1

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

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