如何关闭document.createElement创建的元素

How can I close an element created by document.createElement?

本文关键字:元素 创建 createElement 何关闭 document      更新时间:2023-09-26

如果我写这个:

document.createElement("img")

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

DOM处理标记时,标记是否自动关闭并不重要。如果在源代码中键入<img/>,然后查看innerHTML,则会看到<img>

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

当您将元素附加到某个位置时,它会自动发生。

像这样:

 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/

DOM结构没有将标记作为HTML标记的真正概念。所有这些数据都已被去序列化并转化为一个结构。

将其附加到主体(DOM)后,浏览器将自动关闭它。