无法访问源码时，能否移除JavaScript弹窗内的按钮？

方法1：用MutationObserver监听DOM变化 #

这是处理动态生成元素最可靠的方案，通过监听DOM节点的新增操作，在目标按钮出现时立即移除：

// 创建观察者实例
const observer = new MutationObserver((mutations) => {
  mutations.forEach(() => {
    // 替换成你实际的按钮选择器，比如类名/ID
    const addDataBtn = document.querySelector('button:contains("Add Data")');
    if (addDataBtn) {
      addDataBtn.remove();
      // 找到目标后停止监听，避免重复执行
      observer.disconnect();
    }
  });
});

// 配置监听规则：监听子节点新增，遍历整个DOM树
const config = { childList: true, subtree: true };
// 监听整个页面的DOM变化
observer.observe(document.body, config);

如果知道模态框的父容器选择器（比如.modal-wrapper），可以把监听目标换成这个容器，提升性能：

const modalParent = document.querySelector('.modal-wrapper');
if (modalParent) {
  observer.observe(modalParent, config);
}

方法2：监听模态框的显示事件 #

多数UI组件的模态框在显示时会触发自定义事件，找到对应事件后，在事件触发后移除按钮：

// 替换成你的模态框元素选择器
const modal = document.getElementById('data-modal');
// 替换成组件实际的显示事件名，比如show.bs.modal/modal:show
modal.addEventListener('show', () => {
  // 用setTimeout确保按钮已渲染完成
  setTimeout(() => {
    const addDataBtn = document.querySelector('button:contains("Add Data")');
    if (addDataBtn) addDataBtn.remove();
  }, 10);
});

不确定事件名的话，可以打开浏览器控制台的Elements -> Event Listeners面板，查看模态框元素绑定的事件，找到显示相关的触发事件。

方法3：重写"Show Data"按钮的点击逻辑 #

直接在原点击逻辑后追加移除按钮的操作：

// 替换成"Show Data"按钮的选择器
const showDataBtn = document.querySelector('.show-data-menu');
// 保存原点击事件
const originalClick = showDataBtn.onclick;
// 重写点击事件
showDataBtn.onclick = function() {
  originalClick.call(this); // 执行原有的弹窗逻辑
  // 等待模态框渲染完成
  setTimeout(() => {
    const addDataBtn = document.querySelector('button:contains("Add Data")');
    if (addDataBtn) addDataBtn.remove();
  }, 50);
};

注意事项 #

• 尽量用精确选择器（比如按钮的ID或专属类）代替:contains("Add Data")，避免误删其他元素。
• setTimeout的延迟时间可根据页面渲染速度调整，一般10-100ms足够。

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