我想動態地創建一行正方形div，然后創建多個這樣的行，并將它們添加到HTML文件中已經存在的parent-div中。

編輯:腳本在parent-div元素之前加載，因此它沒有在其中創建任何方塊

解決方案:要么在主體末尾加載js文件，要么使用

使用CSS: background-color代替color

# # #您應該使用

new child . style . background color = blabla；

代替

new child . style . color = blabla；

。顏色用于文本顏色。

編輯: 我運行了你的代碼，請不要使用var來表示變量，除非你知道提升和范圍:))

TLDR如此替換& quotvar & quot用& quot讓& quot對于所有變量

因為addEventListener可以工作，但它不是為每個newChild創建一個新變量，而是覆蓋它，并且所有addevent listener只使用最后創建的newChild。

...
  const parentDiv = document.querySelector(".parent-div");
  // will be hoisted here: 
  // var newChild
  // var childDiv
  for (var i = 0; i < 10; i++) {
  ...