页面加载id为mount的div元素时隐藏提交按钮的实现方法

首先先修正你提供的HTML片段里的几处语法错误，否则DOM选择器可能无法正常匹配元素：

• id="mount" 的div起始标签缺少闭合尖括号，正确写法为 <div id="mount">
• 提交按钮input的style属性缺少闭合引号，正确写法为 style="font-weight:bold;"
• 按钮容器末尾的闭合标签写错，应为 </div> 而非 <div>

方案1：MutationObserver 监听（最通用可靠） #

这个方案不依赖第三方库，能精准检测到#mount元素挂载到DOM的时机，不管#mount是初始HTML自带的，还是后续JS动态渲染的都能生效，不会出现提前执行或者漏触发的问题。
将以下代码放到页面</body>标签前即可：

const domObserver = new MutationObserver(() => {
  const mountNode = document.getElementById('mount');
  const submitWrap = document.getElementById('MainContentbutton');
  if (mountNode && submitWrap) {
    submitWrap.style.display = 'none';
    // 逻辑执行完成后断开监听，避免不必要的性能消耗
    domObserver.disconnect();
  }
});

// 启动监听，检测整个文档树的节点新增/删除变化
domObserver.observe(document.documentElement, {
  childList: true,
  subtree: true
});

核心知识点：MutationObserver是浏览器原生提供的DOM变化监听API，相比传统的定时器轮询性能开销极低，不会阻塞页面渲染，是检测动态节点挂载的标准实现方案。

方案2：DOMContentLoaded 事件（仅适用于静态节点场景） #

如果#mount和提交按钮都是直接写在初始HTML源码中、不存在动态渲染的情况，可以直接用DOM加载完成事件触发逻辑，写法更简洁：

document.addEventListener('DOMContentLoaded', () => {
  const mountNode = document.getElementById('mount');
  const submitWrap = document.getElementById('MainContentbutton');
  if (mountNode && submitWrap) {
    submitWrap.style.display = 'none';
  }
});

注意：如果#mount是接口请求返回后、或者其他JS逻辑延迟插入到页面的，这个方案会失效——因为DOMContentLoaded触发时动态节点还未挂载，这种场景必须用方案1。

避坑提示 #

• 不要使用setInterval/setTimeout轮询检测元素是否存在，轮询间隔设置过短会浪费性能，设置过长会导致按钮先显示再隐藏的闪烁问题，用户体验很差。
• 如果需要隐藏的是提交按钮本身而非外层容器，只需要把选择器替换为document.getElementById('MainContentbtnsubmit')即可。
• 后续需要恢复按钮显示时，执行对应元素的style.display = 'block'就能还原。

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