javascript - 不要从 DOM 加载或删除元素

Question

是否可以不使用 CSS 或 Javascript 在 HTML 页面的 DOM 中加载元素？

我有一个<div>我只想在分辨率是智能手机时加载的。只是做一段display: none;时间我不希望它不起作用，因为脚本（iScroll）链接到<div>.

我真的不必在 DOM 中加载它（或者在我加载页面时从 DOM 中删除它）。

我相信我可以使用removeChild(). 但是有没有办法在 CSS 中？

Answer 1

我认为您遗漏了一些细节，但是如果您试图阻止加载图像，那么这样做是一种肮脏的方式。如果您仅在 css 中将图像用作“背景图像”并设置“显示：无”，则仅在更改“显示”时才会加载图像

Answer 2

不，如果内容存在于您请求的文件/资源​​中，您必须接收它，然后（如您所说）从 DOM 中操作它。CSS 只能改变它的外观。

Answer 3

不，Css 不与 DOM 交互，并且您的页面必须在 DOM 存在之前加载。

您可以按如下方式删除元素：

var itemToRemove = document.getElementById("itemToRemove");
document.body.removeChild(itemToRemove);

如果您的元素嵌套在 DOM 中较深，则需要遍历 DOM：http: //javascript.about.com/od/byexample/a/dom-walknodes-example.htm

我想，理论上，你可以阻止一个元素加载一些巫毒 ajax，但我不建议这样做。

此外，JQuery remove() 方法是上述 DOM 方法的流行替代方法，因为它可以在元素本身上调用。