Как мне обработать элемент после выполнения JS?

Question

[Алексей]

У меня есть элементв, допустим
<div class="docName">#rdocname#</div>
let docName = document.querySelector('.docName');

По ключу #rdocname# у меня после выполнения JS в элементе появляется определенный контент, представим что это:
'Hellow World'.
Если я прописываю
console.log(docName.textContent);
То в консоле мне выдает ключ а не уже преобразованный контент ( #rdocname# ) потому что текст заполняется после выполнения JS'ки.
Как мне достать уже преобразованный textContent в элементе чтобы в дальнейшей было возможно с ним работать? ( replace и тп )

Comments

[Kovalsky]

Вот так:

// код подставляющий значение в .docName

// ваш код работающий с уже нужным значением

[Валерий Воронков]

Не совсем понял, но может быть вам нужно свойство innerHTML?

[Алексей]

Валерий Воронков, оно тоже подойдет просто для вылавливания элемента. Суть в том , что он вылавливает его ДО момента как преобразовался контент в элементе.

[sinneren]

SPART4K, https://developer.mozilla.org/ru/docs/Web/API/Muta...

[Сергей Соколов]

sinneren, в моём ответе именно это же и было

[sinneren]

Сергей Соколов, ну не дочитал)

Answer 1

[Сергей Соколов]

как-то поймать момент обновления элемента.
Самое в лоб простое и ненадёжное: через таймаут. Если контент прописывается при загрузке страницы, там же поставить

setTimeout(() => {
  console.log(docName.innerText);
}, 3000); // через 3 секунды-то уже появится контент?

Правильнее привязаться к коду, который рассовывает содержимое, и в нём ловить событие, если такое предусмотрено.

Хакерский способ следить за изменениями этого узла через MutationObserver

spoiler

const config = { attributes: false, childList: true, subtree: true, characterData: true };

const callback = function(mutationsList, observer) {
    for(const mutation of mutationsList) {
        if (mutation.type === 'childList') {
            console.log(docName.textContent);
        }
    }
};

const observer = new MutationObserver(callback);

observer.observe(docName, config);

Comments

[Kovalsky]

characterData: true? Нода ведь может быть и просто изменена, а не добавлена

[Алексей]

Все равно ключ выводит) Этот момент кода же тоже выполняется. А сам контент в нем преобразуется уже после конечного выполнения JS'ки.
Конечно вариант машнить в коде преобразование сразу и правильнее , и надеждее, просто в моем случае довольно проблематично в данный момент ( Не буду впадать в подробности ).

Хакерский способ щас попробую)

[Сергей Соколов]

SPART4K, если там какой-то плагин расставляет значения вместо ключа – может в документации его есть что-то про коллбеки или события?

[sinneren]

хакерский это setTimeout с интервалом в 3 сек, а mo расово-правильный

[Алексей]

Сергей Соколов, там не плагин а самописный функционал) Просто в данный момент достучаться до "автора" не является возможным.