Получение идентификатора всех кнопок с помощью CLASS

Question

У меня есть следующие кнопки с тем же классом на моей веб-странице. Я искал переполнение стека, но обнаружил, что все доступные ссылки (ресурсы) связаны с кнопкой onClick(), но я хочу, чтобы идентификаторы списка всех кнопок без нажатия кнопки на любую кнопку.

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

Я хочу, чтобы получить список всех кнопок ID на моей веб-странице с использованием Java Script. Я надеюсь, что мой вопрос ясен :)

Answer 1

Я хотел бы предложить, учитывая доступную информацию:

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

JS Fiddle demo.

Ссылки:

• Array.prototype.map().
• document.querySelectorAll().
• Function.prototype.call().

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

Это должно войти все идентификаторы с именем класса

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