单击后如何关注JS附加的HTML？

Question

单击按钮时，脚本会将新的HTML加载到标记中。我希望将焦点集中在此新HTML加载后（其为模式）。

仅在触发初始点击后插入超时时，我设法专注于此模式。当插入没有超时的代码时，JS找不到我想要的HTML元素。有另一种解决方法吗？

这不起作用：

document.querySelector("#asp-popup-red-button").addEventListener("click", 
 function(){
  const newHTML = document.querySelector('#popup-modal')
  console.log(newHTML);
})

结果：NULL

此工作：

document.querySelector("#asp-popup-red-button").addEventListener("click", 
 function(){
  setTimeout(function(){ 
  const newHTML = document.querySelector('#popup-modal')
  console.log(newHTML);

  }, 500);

})

结果：Div元素....