js监听某个元素的出现与消失怎么写

你可以使用MutationObserver来监听元素的出现与消失。

首先，创建一个新的MutationObserver：

const observer = new MutationObserver((mutations) => {
  mutations.forEach((mutation) => {
    if (mutation.type === 'childList') {
      // 处理元素的出现或消失
    }
  });
});

然后，指定要观察的DOM元素以及要观察的变化类型：

observer.observe(document.body, { childList: true, subtree: true });

这样就可以在DOM树中的任何地方观察到子元素的变化。在回调函数中，你可以处理元素的出现或消失。

注意：在不需要观察DOM变化时，需要停止Observer，以避免性能问题：

observer.disconnect();

相关问题

js监听页面中出现某个元素时触发事件

你可以使用 `MutationObserver` 来监听 DOM 中某个元素的变化，从而触发相应的事件。下面是一个示例代码：

// 监听的目标元素
const targetElement = document.getElementById('my-element');

// 创建一个 MutationObserver 实例
const observer = new MutationObserver((mutations) => {
  mutations.forEach((mutation) => {
    if (mutation.type === 'childList' && mutation.addedNodes.length > 0) {
      // 目标元素被添加到 DOM 中时触发的事件
      console.log('目标元素被添加到 DOM 中了！');
    }
  });
});

// 配置 MutationObserver 的选项
const config = { childList: true };

// 开始监听目标元素
observer.observe(targetElement, config);

在上面的代码中，我们首先获取了要监听的目标元素，然后创建了一个 `MutationObserver` 实例，并通过 `observe` 方法将其绑定到目标元素上。在实例化 `MutationObserver` 时，我们传入了一个回调函数作为参数，该函数将在目标元素的 DOM 树结构发生变化时被调用。在回调函数中，我们可以检查变化的类型和影响的节点，从而触发相应的事件。在这个示例中，我们监听了目标元素的子元素列表变化，并在目标元素被添加到 DOM 中时触发了一个事件。

js监听某个元素里顶部高度

您可以使用 JavaScript 监听特定元素的滚动事件，并获取元素顶部的高度。以下是实现该功能的代码示例：

// 假设您要监听的元素 ID 是 "my-element"
const element = document.querySelector("#my-element");

// 监听元素滚动事件
element.addEventListener("scroll", function() {
  // 获取元素顶部的高度
  const top = element.scrollTop;
  
  // 在控制台上打印元素顶部的高度
  console.log("Element top:", top);
});

在上面的代码中，我们首先使用 `document.querySelector()` 方法查找具有指定 ID 的元素。然后，我们使用 `addEventListener()` 方法添加一个滚动事件监听器，该监听器在元素滚动时触发。在监听器函数中，我们使用 `scrollTop` 属性获取元素顶部的高度，并在控制台上打印该高度。您可以根据需要将其替换为其他操作。