как отследить динамическое изменение текста в блоке?
 

Здравствуйте форумчане! Вопрос такой: есть див с текстом, текст изменяется динамически, в зависимости от действий пользователя, без перезагрузки страницы. Необходимо чтобы при каждом очередном изменении данного текста в другом диве вставлялся этот же текст!

Я понимаю что так работать не будет:

<div id="q">текст</div>
<div id="w">текст</div>

document.getElementById('q').textContent.onchange = function(){
document.getElementById('w').textContent = document.getElementById('q').textContent
;};

Но мне надо сделать рабочий аналог!

Текст в id="q" меняется без перезагрузки, с помощью JS, нужно отследить момент его изменения и вставить в id="w".

Использование setTimeout или setInterval не подходит. Скрипт меняющий текст в id="q" не должен использоваться для вставки этого же текста в другой див! Важно именно получение динамически изменяемого текста в одном диве для вставки в другой! Есть ли варианты?

Может MutationObserver подойдет:
https://developer.mozilla.org/ru/doc...tationObserver

MutationObserver подойдет, но если вы знаете что текст меняется динамически средствами JS, то лучше использовать эти же события, которые меняют текст.