移除div元素的脚本延迟生效，是Chrome特性还是浏览器机制？

核心原因 #

现有方法无法立即移除元素，本质是浏览器正常的DOM渲染与脚本执行机制，并非Chrome/Chromium特有问题：

• DOMContentLoaded触发时机是DOM树构建完成，但如果目标元素是通过JS异步插入、AJAX请求后渲染的动态元素，此时事件早已触发，你的代码要么找不到元素，要么执行时元素已经完成绘制，导致视觉上出现“先显示再移除”的延迟。
• Tampermonkey、RunJavaScript等工具默认在页面加载完成后执行脚本，同样赶不上动态元素的渲染时机，自然无法实现“立即移除”的效果。

可行解决方案 #

1. 用MutationObserver实时监听DOM变化 #

通过监听DOM节点的新增事件，一旦目标元素被插入DOM就立即移除，能做到无视觉延迟：

// 监听整个文档的子节点变化，包括所有子树
const observer = new MutationObserver((mutations) => {
  mutations.forEach(mutation => {
    // 检查是否有节点被新增
    if (mutation.addedNodes.length) {
      const target = document.getElementById('m-x-content');
      if (target && target.parentNode) {
        target.parentNode.remove();
        observer.disconnect(); // 移除目标后停止监听，避免性能浪费
      }
    }
  });
});

// 启动监听，监听范围为根元素的所有子树节点变化
observer.observe(document.documentElement, { childList: true, subtree: true });

2. 给Tampermonkey设置更早的执行时机 #

在Tampermonkey脚本头部添加// @run-at document-start，让脚本在页面开始解析时就执行，配合监听逻辑提前拦截元素：

// ==UserScript==
// @name         立即移除目标元素
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  无延迟移除指定元素
// @match        替换为你的目标网站URL
// @run-at       document-start
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    const observer = new MutationObserver(() => {
        const target = document.getElementById('m-x-content');
        if (target && target.parentNode) {
            target.parentNode.remove();
            observer.disconnect();
        }
    });
    observer.observe(document.documentElement, { childList: true, subtree: true });
})();

3. 拦截DOM插入API（进阶） #

如果了解页面创建目标元素的具体逻辑，可以重写appendChild、insertBefore等DOM API，在元素被插入前直接拦截：

// 重写appendChild方法
const originalAppendChild = Element.prototype.appendChild;
Element.prototype.appendChild = function(node) {
  if (node.id === 'm-x-content' || (node.querySelector && node.querySelector('#m-x-content'))) {
    return null; // 直接丢弃，不插入DOM
  }
  return originalAppendChild.call(this, node);
};

此方法需结合页面实际实现调整，风险较高，适合对页面逻辑熟悉的场景。

内容的提问来源于stack exchange，提问作者nymhays