Question

我正在尝试使用javascript DOM动态添加一些元素。我用javascript DOM成功创建了必须有结束标记的元素。我不知道如何创建一个没有像img元素那样的结束标签的元素。

以下是我的表现：

<html>
<head>
<script>
function add(){
var myImg = document.createElement("img");
    myImg.setAttribute("src","c:\abc.png");
    myImg.setAttribute("width","20");
    myImg.setAttribute("height","20");

    var myDiv = document.getElementById("mydiv");
    myDiv.appendChild(myImg);
}
</script>
</head>
<body >
<div id="mydiv">
<button onclick="add();">Add</button>
</div>
</body>
</html>

通过这样做，它也会创建带有结束标记的IMG元素。请参阅下文我在说什么。

<img src="c:\abc.png" width="20" height="20"></img> //Incorrect(Ending tag available)

这就是我想要的：

<img src="c:\abc.png" width="20" height="20">

请帮我解决这个问题。感谢。

Answer 1

由于您是使用JavaScript创建的，因此您可能正在查看开发人员控制台以查看代码（例如结束标记）。这些都是由浏览器生成的，包括浏览器对您的代码所做的修复。你不应该担心这一点，因为它主要是你无法控制的。

在div元素下创建img元素时无法摆脱img元素的结束标记

1 个答案: