Получение идентификатора всех элементов определенного класса в массив в JavaScript

Question

Я прочитал this question, и принятый ответ при условии:

var ids = $('.cookie').map(function(index) { 
    // this callback function will be called once for each matching element 
    return this.id; 
}); 

Как выше, может быть сделано в чистом JavaScript?

Answer 1

Я хотел бы предложить следующее:

// using Function.prototype.call() to apply 
// Array.prototype.map() to the array-like NodeList returned 
// by document.querySelectorAll(): 
var elementIDs = Array.prototype.map.call(document.querySelectorAll('.cookie'), function (cookie) { 
    // the first argument to the anonymous function ('cookie') is 
    // the array element of the array over which we're iterating, 
    // and is here a DOM node. 

    // here, we return the id property of the current node: 
    return cookie.id; 
}); 

Ссылки:

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