整洁：避免移动脚本标签

Question

我正在使用这种代码：

<table>
    <tr>
    <script>
        document.write("<td>foo</td");
    </script>
    </tr>
</table>

使用 HTML tidy 后，脚本标记被删除到表格之外，从而破坏了页面布局。我知道，这段代码不是最先进的。然而，我可以做些什么来整理它而不需要手动重新连接我的页面吗？

谢谢

Answer 1

您必须动态编写整个表：

<script>
    document.write("<table>");
    document.write("<tr>");
    document.write("<td>foo</td>");
    document.write("</tr>");
    document.write("</table>");
</script>

或者使用更合适的代码，例如：

<table>
    <tr id="Row1"></tr>
</table>
<script>
    document.getElementById("Row1").innerHTML = "<td>foo</td>";
</script>