使用display:none建议隐藏元素,并从DOM中完全删除它们

时间:2011-10-09 11:55:58

标签: javascript jquery css

我在我的网站上使用css媒体查询,我使用display:none来隐藏一些元素。虽然这在完全隐藏元素方面起到了作用,但它仍然存在于DOM中。我是否可以使用任何方法从DOM中完全删除元素?

1 个答案:

答案 0 :(得分:5)

element.parentNode.removeChild(element)是从中删除DOM节点的通用方法。

JQuery方法:$("selector").remove()

示例:

<body>
    <div id="foo"></div>
</div>

JavaScript:
    var element = document.getElementById("foo");
    element.parentNode.removeChild(element);

jQuery equivalent:
    $("#foo").remove();

Result:
    <body></body>