В консоль выводится null при попытке вывести html блок в консоль. Почему?

Question

[svm2001]

Работаю в несчастной тильде.
Не пойму, почему я могу получить один блок, а другой получить не могу.
При таком коде (см.ниже) у меня не показывается тег "form" а выводится NULL в консоль

document.addEventListener("DOMContentLoaded", () => {
        console.log(document.querySelector('.calc__form form'));
    });

При таком коде у меня выводится обертка.

document.addEventListener("DOMContentLoaded", () => {
        console.log(document.querySelector('.calc__form'));
    });

Сам тег "form" находится на 1 уровень вложенности ниже чем сама обертка "calc__form". Втыкал этот код и в head и перед футером, все равно результат один. Обертка выводится, форма нет. Как мне получить форму?

Comments

[Алексей Уколов]

Если вы выведете содержимое тега, который находится, то, скорее всего, увидите, что формы в нём в этот момент нет, потому что она создаётся позже через какой-то js:

document.addEventListener("DOMContentLoaded", () => {
  console.log(document.querySelector('.calc__form').innerHTML);
});

Answer 1

[Stalker_RED]

Обертка выводится, форма нет.

Потому что формы нет на странице в момент поиска.
Она добавляется в обертку позже, видимо создаётся или погружается скриптом.

Как мне получить форму?

Можете повесить на обертку MutationObserver, например.