[Alexoner]

В переменной лежит блок html, но внутри блока не ищет элемент по запросу querySelector('#text'), хотя он там есть. Можете подсказать в чём проблема?


(ЗАПРОСЫ)

var open_submit_button = document.getElementById('submit-button'); 
open_submit_button.removeAttribute("disabled");

var submit_button = open_submit_button.querySelector('#text');

// вывод элемента 1
console.log('Элемент 1: open_submit_button - ' + open_submit_button); 
console.log(open_submit_button);                          

// вывод элемента 2
console.log('Элемент 2: submit_button - ' + submit_button); // выдаёт null
console.log(submit_button);

(ОТВЕТЫ В КОНСОЛИ)


Элемент 1: open_submit_button - [object HTMLElement]

<ytd-button-renderer id=​"submit-button" class=​"style-scope ytd-commentbox style-primary" button-renderer is-paper-button>
  <a class=​"yt-simple-endpoint style-scope ytd-button-renderer" tabindex=​"-1">
    <paper-button role=​"button" tabindex=​"0" animated aria-disabled=​"false" elevation=​"0" id=​"button" class=​"style-scope ytd-button-renderer style-primary" aria-label=​"Оставить комментарий" style>
      <yt-formatted-string id=​"text" class=​"style-scope ytd-button-renderer style-primary">​Оставить комментарий​</yt-formatted-string>
    </paper-button>
  </a>
</ytd-button-renderer>

Элемент 2: submit_button - null

null

--------- КОНЕЦ КОНСОЛИ ---------