Как достать информацию из всплывающего окна?

Question

[Ася]

мне нужно получить информацию из всплывающего окна, которое появляется после клика на myObj:

myObj = document.querySelector("#my-element");
myObj.click();

когда я пытаюсь просто извлечь элементы из этого окна, но их не находит (они еще не создались к этому моменту (?))
использование document.addEventListener, window.onload и тд не помогло:

document.addEventListener("DOMContentLoaded", function(e) {
      var myElement = document.getElementsByClassName('my-class');
      console.log(myElement, myElement.length);
    });

пыталась делать так, но тоже не помогло:

async function myFunc() {
        while (document.getElementsByClassName('my-class').length < 1) {
            await new Promise(r => setTimeout(r, 500));
        }
    }

Answer 1

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

Попробуйте с паузой несколько попыток:

const liveList = document.getElementsByClassName('my-class');
let maxAttempts = 5;
const getPopup = () => {
  if (liveList.length > 0) {
    console.log(liveList[0].textContent);
  } else if (maxAttempts-- > 0) {
    setTimeout(getPopup, 500);
  }
};

getPopup();

Comments

[Ася]

спасибо, помогло!

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

Ася, с которой попытки? (значение maxAttempts)

[Ася]

Сергей Соколов, с 3

Answer 2

[Алексей]

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