javascript - 在 html 中未定义，使用内部 html

Question

所以，我正在尝试用 HTML 制作表格，我的代码是这样的。

<script>
function addtable()
{
 var incr;
 incr += "<table id="nicetable"....
 more code
 incr += "</table>";
 document.getElementById("divfortable").innerHTML=incr;
}
</script>
<div id="divfortable"></div>

它在我的网页上出现未定义和表格。我什至尝试过注释我的所有代码并且只在我的“incr”变量中插入一个词，但仍然出现未定义的词。所以我只做了:

document.getElementById("divfortable").innerHTML="hi"; 

一切顺利。而且我已经意识到问题出在 var incr。而且我不知道如何解决这个问题。这很奇怪，因为我总是这样做来制作表格，但现在网页上出现了未定义的词。

Answer 1

您必须通过将 " 替换为 \" 来转义 incr 中的双引号。 Javascript 可以使用双引号来表示字符串的开始和结束，但是 id="nicetable" 中的引号会产生干扰。

此外，你应该初始化你的变量:

var incr = "";

默认情况下，incr 将被设置为 undefined。