是否可以在加载HTML元素时调用函数？ [重复]

Question

这个问题在这里已有答案：

• How to add onload event to a div element? 20个答案

例如，如果我在我的身体跟随

<button id="start"></button>

是否有可能在HTML代码中定义一个JS函数，该函数将在加载/ shwon时调用？那么例如我可以在JS中设置这个元素的一些值吗？我知道我可以在JS getElementBy中做...但是那是相反的方向，我想要实现这个目标。如果是，那么是否可以在被调用函数中访问此html元素的id？

Answer 1

var startNode = document.getElementById('start');
var observer = new MutationObserver(() => {
   if(startNode.style.display !='none' ){
        //when DOM is visible
   }else {
        //when DOM is hidden
   }
});
observer.observe(startNode,  { attributes: true, childList: true });

您可以使用MutationObserver来观察特定元素的变化。