Javascript 如何删除页面消息？

我试图从页面中删除消息，但我只能在显示此消息时执行代码。 我该怎么做？由事件侦听器删除是否更合适

其功能是：

function removeWindow(){
  document.querySelector(".content_form").remove();
  document.querySelector(".pop").style.background = 'transparent';
  document.querySelector(".footer").remove();
}

提前谢谢

您可以使用不断检查元素是否存在，直到它出现并删除：

function removeWindow() {
  const contentForm = document.querySelector(".content_form");

  console.log('Checking...');

  if (!contentForm) return;

  contentForm.remove();
  document.querySelector(".pop").style.background = 'transparent';
  document.querySelector(".footer").remove();

  // Stop polling as we have already removed it:
  clearInterval(intervalID);

  console.log('GONE!');
}

// Start polling, once every second:
const intervalID = setInterval(removeWindow, 1000);

您可以使用不断检查元素是否存在，直到它出现并将其删除：

function removeWindow() {
  const contentForm = document.querySelector(".content_form");

  console.log('Checking...');

  if (!contentForm) return;

  contentForm.remove();
  document.querySelector(".pop").style.background = 'transparent';
  document.querySelector(".footer").remove();

  // Stop polling as we have already removed it:
  clearInterval(intervalID);

  console.log('GONE!');
}

// Start polling, once every second:
const intervalID = setInterval(removeWindow, 1000);

---

如果您正在寻找一种方法来“监视”DOM直到这些装载，那么您需要使用一个

但是，只需添加一行CSS，就可以轻松地完成这项工作

.pop { display: none; }

---

---

即使它必须用JavaScript编写，也不要担心时间问题。

如果您正在寻找一种方法来“监视”DOM直到这些装载，那么您需要使用

但是，只需添加一行CSS，就可以轻松地完成这项工作

.pop { display: none; }

---

---

即使必须用JavaScript编写，也不要担心时间。

您可以在“pop”容器上设置重要样式，以防止出现在屏幕上。 由于js在页面加载之前无法找到元素，因此CSS将始终有效。希望这能对你有所帮助

• 使用样式：

---

您可以在“pop”容器上设置重要样式，以防止出现在屏幕上。 由于js在页面加载之前无法找到元素，因此CSS将始终有效。希望这能对你有所帮助

• 使用样式：