如何使自定义html元素在附加到元素后执行

// 创建一个MutationObserver实例
const observer = new MutationObserver((mutationsList, observer) => {
  // 遍历每个发生变化的mutation
  for (let mutation of mutationsList) {
    // 检查是否有新的节点被添加到DOM中
    if (mutation.type === 'childList' && mutation.addedNodes.length > 0) {
      // 遍历每个新添加的节点
      mutation.addedNodes.forEach(node => {
        // 检查节点是否是自定义HTML元素
        if (node instanceof HTMLElement && node.tagName === 'YOUR_CUSTOM_TAG') {
          // 在这里执行自定义操作
          console.log('自定义HTML元素已附加到DOM');
        }
      });
    }
  }
});

// 配置观察选项
const config = { childList: true, subtree: true };

// 监听根节点的变化
const rootElement = document.documentElement;
observer.observe(rootElement, config);