Question

我的网页上有以下相同类的按钮。我搜索了堆栈溢出但我发现所有可用的链接（资源）都与按钮的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的列表。 我希望我的问题很清楚：）

Answer 1

我建议，鉴于可获得的信息：

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

JS Fiddle demo

参考文献：

Answer 2

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

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

for (var i = 0, len = elems.length; i < len; i++) {
    ids.push(elems[i].id);
}

Answer 3

这应记录所有具有类名

的ID

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

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

Answer 4

试试这个

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

Fiddle Example

使用CLASS获取所有按钮的ID

4 个答案: