Javascript 使用其类获取所有按钮的ID

Javascript 使用其类获取所有按钮的ID,javascript,html,button,Javascript,Html,Button,在我的网页上,我有以下同一类的按钮。 我搜索了stack overflow,但发现所有可用链接(资源)都与按钮的onClick()相关,但我需要所有按钮的列表ID,而不需要单击任何按钮 <button id="some_id1" class="myClass" ></button> <button id="some_id2" class="myClass" ></button> <button id="some_id3" class="myC

在我的网页上,我有以下同一类的按钮。 我搜索了stack overflow,但发现所有可用链接(资源)都与按钮的onClick()相关,但我需要所有按钮的列表ID,而不需要单击任何按钮

<button id="some_id1" class="myClass" ></button>
<button id="some_id2" class="myClass" ></button>
<button id="some_id3" class="myClass" ></button>
<button id="some_id4" class="myClass" ></button>
<button id="some_id5" class="myClass" ></button>

我想使用java脚本获取网页上所有按钮ID的列表。
我希望我的问题是清楚的:)

鉴于现有信息,我建议:

var idsArray = [].map.call(document.querySelectorAll('.myClass'), function (el) {
    return el.id;
});

参考资料:


您可以将此脚本放在页面末尾:

var elems = document.getElementsByClassName("myClass");
var ids = [];

for (var i = 0, len = elems.length; i < len; i++) {
    ids.push(elems[i].id);
}
var elems=document.getElementsByClassName(“myClass”);
var-id=[];
对于(变量i=0,len=elems.length;i
这应该用类名记录所有ID

var myClassElements = document.getElementsByClassName("myClass");

for(var i = 0; i < myClassElements.length; i++){
    console.log(myClassElements[i].id);
}
var myClassElements=document.getElementsByClassName(“myClass”);
对于(var i=0;i
试试这个

var buttons = document.getElementsByClassName('myClass');
for(i=0;i<buttons.length;i++){
   console.log(buttons[i].getAttribute("id"));
}
var buttons=document.getElementsByClassName('myClass');

对于(i=0;iNo,它不是;因为“dupe”需要以点击事件的形式进行交互。而且这个问题与jqueryYou没有任何关系。确实非常欢迎您,我很高兴能够提供帮助!