如何使用 javascript 创建 xhtml 元素

如何使用 javascript 动态创建 html 元素？我想在表格单元格内添加一个复选框。

所以我希望代码看起来像这样：

<td>
    <input type="checkbox" />
</td>

不幸的是，输入元素末尾的斜杠没有添加，因此使其不兼容 xhtml。我的代码的结果如下所示：

<td>
    <input type="checkbox">
</td>

我尝试了两个innerHTML作为createElement，但都没有添加斜杠。

1)

cell.innerHTML = "<input type='checkbox' />";

2)

var checkbox = document.createElement("input");
checkbox.type = "checkbox";
cell.appendChild(checkbox);

有没有办法添加html元素？

XHTML 只是公共 DOM 的另一种输入语言。 XHTML 语法的独特之处在于它是如何解析的，而不是它在 DOM 中的表示方式。所以你的代码很好 - 你正在成功添加元素，它只是在它到达 DOM 时才被翻译。

* Internet Explorer 除外，尽管将 XHTML 声明为文档类型，但 IE 仍会将其解析为 HTML。