无法将变量（字符串）放入javascript innerhtml

Question

如何在下面的代码中正确引用meni变量？它目前正在生成cancel(menu)而不是cancel('menu')

var meni='menu';

document.getElementById("modify_table").rows.item(counter).cells[4].innerHTML="<a href='javascript:cancel("+meni+")'><b style='color:red;'>Cancel</b></a>";

Answer 1

document.getElementById("modify_table"). rows.item(counter).cells[4].innerHTML="<a href='javascript:cancel(\""+meni+"\")'><b style='color:red;'>Cancel</b></a>";

Answer 2

您可以使用双引号"，而不是通过在其前面加上反斜杠\来终止字符串。这称为escape notation。

在代码段中更容易看到的简化版本：

var meni='menu';

document.getElementById("foo").innerHTML=
  "<a href='javascript:cancel(\""+meni+"\")'><b style='color:red;'>Cancel</b></a>";

<div id="foo"></div>

您实际要求的代码：

var meni='menu';

document.getElementById("modify_table"). rows.item(counter).cells[4].innerHTML="<a href='javascript:cancel(\""+meni+"\")'><b style='color:red;'>Cancel</b></a>";