javascript - 我正在尝试从父容器中获取所有按钮 id，并且总是获取最后一个

Question

我试图从父容器中获取子容器的所有 id 列表，但我一直只获取最后一个 id。如何获取包含所有 Id 的数组或字符串？这些按钮将由 PHP 动态创建，因此我实际上不知道那里有什么 id。

var childDivs = document.getElementById('onlineDrop').getElementsByTagName('button');
for (var i = 0; i < childDivs.length; i++) { 
childDiv = childDivs[i].id;
}
alert(childDiv);

<div id="onlineDrop">
<button id="222222"></button>
<button id="333333"></button>
<button id="444444"></button>
</div>

请不要使用 Jquery。提前致谢。

Answer 1

将 ID 添加到数组中。

var childDivs = document.getElementById('onlineDrop').getElementsByTagName('button');
childIds = [];

for (var i = 0; i < childDivs.length; i++) {
  childIds.push(childDivs[i].id);
}
console.log(childIds);

<div id="onlineDrop">
  <button id="222222"></button>
  <button id="333333"></button>
  <button id="444444"></button>
</div>