Return 多个 .appendChild() 内部映射到一个数组

Question

我想为 numbers.but 中的每个项目添加一个名为 'dayere' 的元素，它只是 return numbers.what 中最后一个数字的一​​个元素，我可以吗！

let numbers = [4, 6, 10, 23, 0, 24, 30, 2];
let dayere = document.createElement('div')
dayere.style.width = '40px'
dayere.style.height = "40px"
dayere.style.borderRadius = '100%'
dayere.style.boxShadow = '0px 0px 10px 0.1px black'
dayere.style.backgroundColor = 'lightblue'
numbers.map((item)=>{
  dayere.innerHTML = item
  arr_place.appendChild(dayere)
})

Answer 1

您只需创建一个 div，如果您想要为数组中的每一项创建一个，则必须在映射函数中创建 div。

let numbers = [4, 6, 10, 23, 0, 24, 30, 2];
numbers.map((item)=>{
  let dayere = document.createElement('div')
  dayere.style.width = '40px'
  dayere.style.height = "40px"
  dayere.style.borderRadius = '100%'
  dayere.style.boxShadow = '0px 0px 10px 0.1px black'
  dayere.style.backgroundColor = 'lightblue'
  dayere.innerHTML = item
  arr_place.appendChild(dayere)
})