javascript - JavaScriptを使用してWebページに埋め込まれたリソースをウォークスルーするにはどうすればよいですか？

Question

Webページに埋め込まれているすべてのリソース（CSSスタイルシート、外部JavaScriptファイル、画像、iframeなど）をステップスルーして、JavaScriptを使用してそれらを操作できるようにしたいと思います。

それらすべてを個別にターゲットにすることはできますが、もっと一般的な方法はないのではないかと思います。DOMをウォークスルーし、これらの種類の埋め込みリソースと対話できるようにする組み込みのメソッドまたはライブラリ。

ある？

Answer 1

DOM要素を収集する方法はたくさんありますが、最も一般的な方法は次のとおりです。

document.body
document.getElementById()
document.getElementsByTagName()
document.getElementsByClassName()
document.querySelectorAll()

---

正式な構造なしですべての要素を取得したい場合は、次のことができます。

//non-standard
document.all

//or
document.getElementsByTagName('*');

また、jQueryで使用されるセレクターエンジンであるSizzleもあります。CSSセレクターを使用して要素をターゲットにします。または、可能であれば、多くのDOMトラバーサルおよび操作メソッドをホストするjQueryを使用します。