html - Javascript function is not working on dynamically added popup

Question

I am trying to excute this function on page load.

function myFunction() {
  var locker = document.querySelector('.onp-sl-signin-locker');
    var socialIcon = document.querySelector('.elementor-share-buttons--shape-circle');
  if (window.getComputedStyle(locker, null).display != "none") {
    socialIcon.style.display = "block";
  }
    else {
        socialIcon.style.display = "none";
    }
    console.log('Script load');
}
myFunction();

But the issue i am trying to target an element which is dynamically added in the DOM. When i viewsource the page i don't see this class in the code "onp-sl-signin-locker".

I get this error: Failed to execute 'getComputedStyle' on 'Window': parameter 1 is not of type 'Element'.

It is because that element does not exist in the DOM. But i can see this class while using inspect element.

Can anyone help me with this please how can i get this work?

Thanks in advance.

Answer 1

等待大神解答