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

Question

[chelkaz]

Я пробую так...

var ytid = document.getElementsByTagName("button")
.getElementsByClassName("yt-uix-button")
.getAttribute("data-channel-external-id");

Но дело в том, что по отдельности кнопок много, и классов yt-uix-button тоже много
И атрибутов много data-channel-external-id

Но именно вместе кнопка с таким классом и таким атрибутов одна!
И если я делаю как выше, то получаю:

Uncaught TypeError: document.getElementsByTagName(...).getElementsByClassName is not a function(…)

Answer 1

[Lynn «Кофеман»]

var ytid = document
    .querySelector('button.yt-uix-button[data-channel-external-id]')
    .dataset.channelExternalId;

Comments

[chelkaz]

А как добавить проверку, если ytid найден и присвоен?

[chelkaz]

Простите, а как добавить к этому класс не пойму? Что бы искать это все в теге с классом .yt-uix-button-subscription-container

var ytid = document.getElementsByClassName('.yt-uix-button-subscription-container').querySelector('button.yt-uix-button[data-channel-external-id]').dataset.channelExternalId;

[Lynn «Кофеман»]

chelkaz: кто-то тут выше писал, что такой элемент есть и он один.

[Lynn «Кофеман»]

chelkaz: полагаю, что стоит изучить CSS-селекторы.

[chelkaz]

Алексей Тен: Я сделал селектором, спасибо!

Answer 2

[Дмитрий Кравченко]

var buttonWithAttribute;
Array.prototype.forEach.call(document.getElementsByClassName("yt-uix-button"), function(button){
  if(button.hasAttribute("data-channel-external-id"))
    buttonWithAttribute = button;
})
console.log(buttonWithAttribute.getAttribute("data-channel-external-id"));