代码之家 › 专栏 › 技术社区 › Jonny

我试图从父容器中获取所有按钮ID,并始终获取最后一个

for-loop arrays html javascript

Jonny · 技术社区 · 6 年前

我试图从父容器中获取子容器中所有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。事先谢谢。

2 回复 | 直到 6 年前

Barmar 6 年前

将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>

Shidersz 6 年前

另一种方法是 Array.from() 数组方法:

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

let ids = Array.from({length: childDivs.length}, (v, i) => childDivs[[i]].id);

console.log(ids);

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

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

5 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

5 月前

Alex · 在轻量级中同时解构和不解构变量

5 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

5 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

5 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

5 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

5 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

6 月前

user3472810 · Angular@Output/EventEmitter返回undefined

6 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

6 月前