Javascript 显示：无和DOM

如果

display:none

从DOM中删除元素，为什么我可以在开发工具检查器中看到它，或者通过

document.getElementBy

访问它？应该是单行道。如果我们通过

display:none

删除元素，它不应该出现在任何地方。我应该如何理解“从DOM中删除”

if display:none从DOM中删除元素

没有。它使其呈现为不在DOM中

发件人：

关闭元素的显示，使其对布局没有影响（文档被呈现为元素不存在）。所有子体元素的显示也已关闭

if display:none从DOM中删除元素

没有。它使其呈现为不在DOM中

发件人：

关闭元素的显示，使其对布局没有影响（文档被呈现为元素不存在）。所有子体元素的显示也已关闭

如果确实要从DOM中删除元素，可以使用Javascript：

myElementParent.removeChild(myElement);

或：

---

进一步阅读：

---

但是，在CSS中，以下属性值对：

• 显示：无

• 可见性：隐藏

• opacity:0；指针事件：无

所有这些都表示从保留在DOM中的元素中移除可见性和交互性的方法

第一个与后两个的关键区别在于

display:none还将删除元素可能占用的空间。
如果确实要从DOM中删除元素，可以使用Javascript：

myElementParent.removeChild(myElement);

或：


进一步阅读：






但是，在CSS中，以下属性值对：


显示：无

可见性：隐藏

opacity:0；指针事件：无


所有这些都表示从保留在DOM中的元素中移除可见性和交互性的方法

第一个与后两个的关键区别在于
display:none
还删除元素原本会占用的空间。
显示：无
不从DOM中删除元素，它仅隐藏元素，但它仍将存在

您需要在javascript中使用
remove
方法，如
yourlelement.remove（）
要从DOM中实际删除该元素，请执行以下操作：none

不会从DOM中删除该元素，它只会隐藏该元素，但它仍会在DOM中

---

您需要在javascript中使用

remove

方法，如

yourlelement.remove（）

要从DOM中实际删除它，它将从DOMIt的视觉表示中删除，而不是从DOMIt的视觉表示中删除。（如果您正在阅读某个网站或博客，并且它确实这么说了，那么这是不正确的。）

display:none

使元素不显示。它仍然在DOM树中。它只是不可见。它将从DOMIt的视觉表示中删除，但不可见。（如果您正在阅读某个网站或博客，并且它确实这么说了，那么这是不正确的。）

display:none

使元素不显示。它仍然在DOM树中。它只是不可见。好的，谢谢，很多网站告诉我“它从DOM中删除”之类的东西，我看到的是不真实的。好的，谢谢，很多网站告诉我“它从DOM中删除”之类的东西，我看到的是不真实的。