JavaScript innerHTML

Question

JavaScript innerHTML

为什么这不起作用？innerHTML不能容纳这么复杂的东西吗？

<html>
<head>
    <script type="text/javascript">
        function addTable() {
            var html = "<table><tr><td><label for="name">Name:</label></td><td><input type="text" id="name"></input></td></tr>"; +
                "<tr><td><label for="remarks">Remarks:</label></td><td><input type="text" id="remarks"></input></td></tr></table>";
            document.getElementById("addtable").innerHTML = html;
        }
    </script>


</head>
<body>
    <input type="submit" value="New Table" onClick="addTable()"/>
    <div id="addtable"></div>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

像这样的不那么复杂的东西:

var html = "<table><tr><td>123</td><td>456</td></tr></table>";

Run Code Online (Sandbox Code Playgroud)

Answer 1

Jim*_*dra 5

您需要在要分配给html变量的字符串中转义双引号,或者只用单引号括起该字符串.使用带有语法突出显示的文本编辑器,这样的错误会马上跳出来.您的作业中还有一个额外的分号.

归档时间：	15 年，10 月前
查看次数：	2818 次
最近记录：	7 年，1 月前