Как получить значение аттрибута по классу?

Question

[danyarob]

У меня есть несколько div'ов с классом headerbuy, а еще аттрибуты data-name с разным значением. Как получить с помощью js их значение? <div data-name = "2" class="headerbuy">

var x = document.getElementsByClassName('headerbuy').getAttribute("data-name");

Answer 1

[Loli E1ON]

const items = document.querySelectorAll(".headerbuy");

for (const item of items) {
    console.log(item.dataset.name)
}

Comments

[danyarob]

Он возвращает массив, а как сделать, чтобы возвращал именно конкретного дива? У меня их несколько, надо при нажатии на кнопку, чтобы возвращал, на который я нажал

[Loli E1ON]

danyarob,

[danyarob]

Loli E1ON, Спасибо огромное

Answer 2

[Сергей delphinpro]

Прочтение документации по методу getElementsByClassName ни на какие мысли не наводит?

Comments

[danyarob]

К сожалению, не очень силен в js, поэтому не особо

[Сергей delphinpro]

danyarob, ну вы все-таки попробуйте наморщить лоб.

Возвращает массивоподобный (итерируемый) объект

В "elements" будет текущая HTMLCollection найденных элементов.

У коллекции есть метод getAttribute? Да и просто включаем логику, даже не понимая javascript: как можно получить значение атрибута одного элемента у коллекции элементов? Щелк!!! Надо, наверное, перебрать эту коллекцию по одному элементу!

[Сергей delphinpro]

danyarob, а вообще эта ошибка новичков так популярна, что вполне можно найти себе ответ самостоятельно по простейшему запросу в поисковик https://yandex.ru/search/?text=не+работает+getElem...

[danyarob]

Сергей delphinpro, если не сложно, не могли бы подсказать как сделать это парвильно?

Answer 3

[Иван Дербенченко]