[英]add div using appendChild
該代碼應該循環並添加多個div，但無法正常工作。 當我單擊它時，僅顯示一個div。 如果我再次單擊，則什么都沒有發生。
<body>
<div class="start" >
<div id = "coba">
</div>
<div id = "cobi">
</div>
</div>
<script>
var divs = document.getElementById("coba").addEventListener("click", function () {
for (var i = 1; i < 100; i++) {
var di = document.createElement('div');
document.getElementById('coba').appendChild(di);
}
});
</script>
</body>
謝謝你的幫助
您的代碼不起作用，因為您未對for語句中的變量“ i”執行任何操作。 如果您查看user2181397和meghan Armes的小提琴，您將看到他們如何在腳本中添加一行以使其起作用。
我在IDE中測試了以下內容，效果很好：
<body>
<div class="start" style="margin-top:50px; color:black;">
<div id = "coba">
<p>Click Me</p>
</div>
<div id = "cobi">
</div>
</div>
<script>
var divs = document.getElementById("coba").addEventListener("click", function() {
for (var i = 1; i < 100; i++) {
var di = document.createElement('div');
di.innerHTML=i;
document.getElementById('coba').appendChild(di);
}
});
</script>
</body>
無法使用 appendChild 和 getElementById 將文本節點添加到 div 類
[英]Can't add text node to div class using appendChild and getElementById
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.