博客

前言： 在页面初始化的时候动态添加了几个CheckBox，并且需要设置勾选的值，直接设置勾选可能会报节点不存在的错误，需要监听元素已经渲染出来了。可以使用MutationObserver监视。

MutationObserver

MutationObserver是在DOM4中定义的可以监听DOM结构变化的API。MutationObserver的详细使用请参考MDN文档

使用

const observer = new MutationObserver((mutations) => {
      console.log('changed');
      // 给CheckBox赋值
      (document.getElementById('checkbox1') as any).checked = checkFlag;
       observer.disconnect(); // 阻止 observer 实例继续接收通知
    });
observer.observe(document // 监视的节点, { attributes: false, childList: true, characterData: false, subtree: true });