javascript - DOM から要素をロードまたは削除しないでください

Question

CSS または Javascript を使用して HTML ページの DOM に要素をロードしないことは可能ですか?

<div>解像度がスマートフォンの場合にのみロードしたいがあります。スクリプト（ iScroll display: none;）が<div>.

私は本当にそれをDOMにロードしないでください（またはページをロードするときにDOMから削除する必要があります）。

を使えばできると思いますremoveChild()。しかし、CSSに方法はありますか?

score 2 · Accepted Answer

いくつかの詳細が欠けていると思いますが、画像が読み込まれないようにしようとしている場合は、これを行う汚い方法があります。css で画像を「background-image」としてのみ使用し、「display: none」を設定すると、「display」を変更した場合にのみ画像が読み込まれます。

score 1 · Accepted Answer

いいえ、コンテンツが要求しているファイル/リソースに存在する場合は、それを受信してから（あなたが言うように）DOMから操作する必要があります。CSSはその外観のみを変更できます。

score 1 · Accepted Answer

いいえ。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 メソッドに代わる一般的な方法です。

3 に答える 3