如何使用 javascript 在 ul 标签中创建元素 li img 标签?
我要创作
<li id="123">
<img src="https://upload.wikimedia.org/wikipedia/commons/5/53/Loading_bar.gif"/>
</li>
内部
<ul id="placehere">
但是不行,我该怎么做?
https://jsfiddle.net/btz69dyk/2/
<body>
<script type="text/javascript">
window.onload=function(){
var elem = document.createElement("li");
elem.setAttribute("id", "123");
var elem = document.createElement("img");
elem.setAttribute("src", "https://upload.wikimedia.org/wikipedia/commons/5/53/Loading_bar.gif");
elem.setAttribute("height", "");
elem.setAttribute("width", "");
elem.setAttribute("alt", "Flower");
document.getElementById("placehere").appendChild(elem);
}
</script>
<ul id="placehere">
</ul>
</body>
最佳答案
问题是这 4 行
var elem = document.createElement("li");
elem.setAttribute("id", "123");
var elem = document.createElement("img");
elem.setAttribute("src", "https://upload.wikimedia.org/wikipedia/commons/5/53/Loading_bar.gif");
这里您再次使用相同的变量名创建相同的 elem
元素,因此 li
丢失了
改成
var elem1 = document.createElement("li");
elem1.setAttribute("id", "123");
var elem = document.createElement("img");
elem.setAttribute("src", "https://upload.wikimedia.org/wikipedia/commons/5/53/Loading_bar.gif");
elem.setAttribute("height", "");
elem.setAttribute("width", "");
elem.setAttribute("alt", "Flower");
document.getElementById("placehere").appendChild(elem1);
elem1.appendChild(elem);
关于javascript - 如何使用javascript在ul标签中创建元素li img标签?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35029574/