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

【问题标题】：Am I using quotation marks properly in JS innerHTML?我在 JS innerHTML 中正确使用引号吗？
【发布时间】：2016-02-25 21:35:46
【问题描述】：

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

我有一小行代码，它将一个按钮插入到表格单元格中，然后为它分配一个带有参数 (foo) 的函数。即使它可以工作，我的代码编辑器括号也不会像 innerHTML 的其余部分那样显示“+ foo +”部分。我认为这与我的引号混淆了，但我不知道如何解决这个问题。这会是一个问题还是我应该这样放着它？

【问题讨论】：

【解决方案1】：

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

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

【讨论】：