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">
これで私を助けてください。ありがとう。