0

我正在尝试使用 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">

请帮我解决一下这个。谢谢。

4

1 回答 1

0

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

于 2013-01-26T23:08:57.513 回答