ドキュメント内のすべての TextNode オブジェクトを効率的に取得する方法

TextNode オブジェクトのコレクションの取得

getElementsByTagName() は要素オブジェクトを効率的に取得しますが、textNode オブジェクトは要素ではないため効果がありません。したがって、ドキュメント内のすべての textNode オブジェクトを取得する代替メソッドはありますか?

代替メソッド

DOM を実行することは実行可能なオプションですが、ブラウザネイティブのアプローチがないのは奇妙に思えます。これに対処するために、いくつかのメソッドが登場しました。

1. TreeWalker: DOM をトラバースするための専用ツールで、テキスト ノードを効率的に識別します。
2. カスタム反復トラバーサル: DOM をトラバースし、各ノードのタイプをチェックする手動メソッド
3. カスタム再帰トラバーサル: 反復メソッドに似ていますが、DOM トラバーサルに再帰を利用します。
4. Xpath クエリ: 言語指定された内容に基づいてテキスト ノードを選択できるベースのアプローチcriteria.
5. querySelectorAll: 複雑なセレクターを使用してテキスト ノードの選択を可能にする最新のメソッド。
6. getElementsByTagName: 欠陥はあるが興味深いメソッド。のために設計されているにもかかわらず、要素の最初の子がテキスト要素であると想定します。 elements.

パフォーマンスの比較

これらのメソッドを比較するために、1,000 回の実行にわたってパフォーマンス テストが実施されました。 getElementsByTagName は最速として際立っていますが、特定の要素タグを選択することに頼っており、すべてのテキスト ノードをキャプチャできない可能性があります。

興味深いことに、TreeWalker は getElementsByTagName とほぼ同じように実行され、おそらく、より複雑な DOM トラバース メソッドと速度において匹敵します。 。これは、テキスト ノードを取得するための TreeWalker の効率性を強調しています。

以上がドキュメント内のすべての TextNode オブジェクトを効率的に取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。