javascript - 如何关闭由 document.createElement 创建的元素？

Question

如果我写这个：

document.createElement("img")

生成的 html 是: <img>，我可以在这个元素上添加属性。但是，是否有一个参数或我可以传递给 createElement 以使其自动关闭的东西？或者我可以调用一个 dom 函数来生成</a>结束标签？

Answer 1

当标签被 DOM 处理时，标签是否自动关闭并不重要。如果您输入<img/>源代码然后查看innerHTML，您会看到<img>。

同样，您不需要“生成”结束标记，因为它已经存在。浏览器已经采用了基于文本的 HTML 并将其转换为节点树。使用 DOM 函数会影响树，而 getinnerHTML只是将它变成产生相同树的许多可能的文本格式之一。

Answer 2

当您将元素附加到某处时，它会自动发生。

像这样：

 var newElem = document.createElement ("div");
 newElem.innerHTML = "sample text";
 newElem.style.color = "red";

 var container = document.getElementById ("container");
 container.appendChild (newElem);
 //the container contains a closing div tag

见小提琴：http: //jsfiddle.net/jakHt/

Answer 3

DOM 结构没有真正的标签概念作为 HTML 标记。所有这些数据都被反序列化并变成了一个结构。

Answer 4

将其附加到 body(DOM) 后，浏览器将自动关闭它。