Javascriptで指定した要素以外すべての要素を変数に代入したいです。

Question

javascriptでdocument.querySelectorAll("") もしくは、document.querySelector("")で取得した要素以外の要素をすべて変数に代入することはできますか？

Answer 1

:not() を使います。

document.querySelectorAll('#target');       // 指定した要素
document.querySelectorAll(':not(#target)'); // 指定した要素以外全て

Re: U.syuhei さん

Comments

[yambejp]

なんでもかんでも掴んじゃうので
document.querySelectorAll('body :not(#target)');
のほうが現実的かもしれません
まぁhead内のタグがほしいのかもしれないのでなんとも言えませんが・・・

[usawb]

ありがとうございます！

[think49]

To: yambejp さん
そうですね。ほぼ全ての要素ノードを参照するので処理コストが高くつきます。
私なら :not(#target) は絶対に指定しませんが、条件が「指定した要素以外すべての要素」しかなかったので質問者が応用する事に期待して素直に書きました。
実際に適用する場合は「指定した要素以外かつ～の要素」のように厳格に条件付けをしてセレクタもそれに倣う運用が好ましいと思います。