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

sty*_*ler 1 javascript css jquery

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

Rob*_*b W 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>
Run Code Online (Sandbox Code Playgroud)