javascript - 为什么这个简单的计数器会删除附加的 div？

Question

这段简单的代码可以正常工作：

var a = document.createElement("div")
a.setAttribute("id","ici")
a.innerHTML = "5"
var b = document.getElementsByTagName("footer")
b[0].appendChild(a)
var x = parseInt(a.innerHTML,10)

var c = document.createElement("div")
c.innerHTML = "Mon compteur"
a.prepend(c)

a.addEventListener("click", function(){
  if (x >= 10) {
    return false;
  }
  a.innerHTML = x + 1; 
  x += 1;
})

但是当我点击计数器时，里面的 divvar c消失了。

示例在这里：codepen

标签： javascript

Answer 1

您正在设置innerHTML. a但元素c在里面。并且由于您覆盖了innerHTML您也删除了c.