mutationObserver срабатывает только после закрытия попап

Question

Хочу с помощью темперманки написать простой скрипт для сайта, чтобы в форме ввода лицевого счета, номер счета подставлялся автоматически. Но на загрузке страницы дом элемент недоступен. Он появляется только после нажатия по ссылке.

Я написал mutationObserver

    let input = document.querySelector('.ng-pristine');
    let link = document.querySelector('.clients-menu-item').getElementsByTagName('a')[0];
    let targetNode = document.body;
    const config = { attributes: true, childList: true, subtree: true };

    const callback = async (mutationList, observer) => {
  for (const mutation of mutationList) {

    if (mutation.type === 'childList') {
      console.log('A child node has been added or removed.');
        console.log(mutation);
//        document.querySelector('.ng-pristine').value = 888888888;
        observer.disconnect();
    } else if (mutation.type === 'attributes') {
      //console.log(`The ${mutation.attributeName} attribute was modified.`);
    }
  }
};

// Create an observer instance linked to the callback function
const observer = new MutationObserver(callback);

// Start observing the target node for configured mutations

link.addEventListener('click', () => {
   observer.observe(targetNode, config);

});

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

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

Как исправить?

Answer 1

Форма является айфреймом из другого сетевого источника, потому по политике безопасности корс я не могу к нему получить доступ.

БЛОГ НА HUSL

mutationObserver срабатывает только после закрытия попап

Ответы (1 шт):