Да легко - вы неправильно это делаете

А что неправильно то? Почему я не могу обратиться к элементу, что я вижу в dom дереве у себя...

Потому что код неправильный

Никакой конкретики, да?) Делаешь неверно, код неверный

Конкретики ровно столько, сколько её в вашем вопросе

А сам то ты какую конкретику привёл? Ты считаешь что мы подключаемся к твоему мозгу и глазам и видим твой код на мониторе? Так это работает в 2к24?

Я просто спросил, как такое может быть, что я беру body.childNodes и там в массиве лишь тэг - my-app, а div и SVG нет, хотя вон на скрине они есть

Какой ещё childNodes? В вопросе про него ни слова

Так и ответ - это может быть из-за неправильного написанного кода. Какой вопрос - такой ответ

Мужик, ну какая разница, как обратиться - QuerySelctor, childNodes, я говорю, что я не получаю этих нод почему-то. Я не понимаю, причину. Типо я логаю свой document и вижу эти тэги, но обратиться к ним не могу

Действительно, какая разница - взял в магазине товар за счёт покупки деньгами или путём наставления пистолета на продавца..... главное же товар получить

Давай без лирических отступлений. Просто есть идеи из-за чего это происходит? Мб тебе что-то ещё скинуть, что поможет в нахождении ответа

Конечно же minimal reproducible example

Идеи есть конечно: из-за неправильного написанного кода.........неужели это не ясно?) Неужели непонятно что надо скинуть

ну какая разница, как обратиться - Громадная, огромнейшая просто. Вот примерно, как в вашем вопросе. Если бы показали ваш метод обращения, показали код, ошибки, попытки все было бы намного проще.

А вы точно прогеры?) Ладно, я делаю const myDiv = document.querySelector('.webim-root') и получаю null, на скрине как видите у div есть этот класс. В чем причина может быть?

А вы уверены, что между выполнением этого кода и созданием этого скрина ничего не происходило?

Да, уверен) Короче, есть ещё момент, что у меня эта часть html загружается скриптом. Я думал, что мб просто обращение идёт до конечной загрузки скрипта. Но я вон из консоли скрин делаю, что я вижу эти два тэга, но обратиться к ним не могу

«обращение идёт до конечной загрузки скрипта» — ну вот вы сами и ответили на свой вопрос

Да нет же, тогда я в целом не должен был видеть при console log(document) этих тэгов...

Почему вы решили что не должны? Если вы смотрите консоль после загрузки скрипта, то конечно же должны

console log(document) динамичный. Он может меняется. Вы можете видеть при открытии объекта то, что не было при логгировании.

Всё равно не могу понять, смотри, я на одной строке делаю console.log(document), на следующей же - обращаюсь к SVG, к примеру, через QuerySelector. И в консоли вижу свой document с тегом SVG внутри, а следующий лог - null. Разве такое может быть?

Напишите console.log(window); window.test = 0; Открыв полученный window в консоли вы увидите test, хотя его явно не было при console.log.

Сейчас даже проверю)

ru.stackoverflow.com/a/510027/191482 --- это о том как работает консоль. данные там актуальные (читай обновлённые) на момент разворачивания

Тогда следующий вопрос - собственно, где тогда делать обращение к этим нодам?

После того когда загружается webim-button.componen.ts скорее всего. Но даже это не 100%. Потому что элемент в скрипте может появится не сразу.

«де тогда делать обращение к этим нодам?» — очевидно, там, что выполняется после «конечной загрузки скрипта»

А если мне нужно лишь стили класса одного подправить этого тэга, я могу глобальными стилями это сделать? Или вариант с явным присваиванием Тэгу лучше?

Если можете взять те селекторы которые не тронут других элементов то можно

А ты с rxjs знаком?