如何获取 div 中的所有 id 名称

Question

如何获取 div 中的所有 id 名称并将它们推送到数组中？

例子

//elements
<div id="container">
     <div id="number1"></div>
     <div id="number2"></div>
     <div id="number3"></div>
</div>

//fetch id names
while (thereAreIdNamesInsideDiv){
    array.push(idName)
}

//the array
array["number1", "number2", "number3"]

Answer 1

您可以使用 querySelectorAll 和map将返回一个数组。 在map回调中使用getAttribute获取元素 id

 const arr = [...document.getElementById('container').querySelectorAll('div')].map(item => item.getAttribute('id')); console.log(arr)

 <div id="container"> <div id="number1"></div> <div id="number2"></div> <div id="number3"></div> </div>