問題タブ [textnode]

私の現在のプロジェクトでは、提供されたセレクターに基づいて、要素とそのすべての子孫からテキストコンテンツを収集します。

たとえば、セレクター#contentを指定してこのHTMLに対して実行すると、次のようになります。

私のスクリプトは（少し空白をクリーンアップした後）返されます：

これはいくつかのテキストです。var test = true; これはもう少しテキストです。

<script>ただし、要素内にあるテキストノードは無視する必要があります。

これは私の現在のコードの抜粋です（技術的には、1つ以上の提供されたセレクターに基づいて一致します）：

提供されたセレクターに一致する要素（およびその子孫）内のすべてのテキストノードを返すだけであるという点で、少し単純すぎます。<script>私が探している解決策は、要素内にあるものを除いて、すべてのテキストノードを返します。特に高性能である必要はありませんが、最終的にはクロスブラウザ互換である必要があります。

セレクターに一致する要素のすべての子を何らかの方法でループし、要素内のもの以外のすべてのテキストノードを蓄積する必要があると想定しています<script>。すべてのテキストノードから蓄積された文字列にJavaScriptがすでに組み込まれていると、JavaScriptを識別する方法はないようです。

（パフォーマンス/帯域幅の理由で）jQueryを使用できませんが、Sizzleセレクターエンジンを使用していることに気付いたかもしれません。そのため、jQueryのセレクターロジックを使用できます。

助けてくれてありがとう！

ドキュメント内のすべてのtextNodeオブジェクトのコレクションを取得する方法はありますか？

getElementsByTagName()Elementsには最適ですが、textNodesはElementsではありません。

更新：これはDOMを歩くことで達成できることを理解しています-以下の多くが示唆しているように。ドキュメント内のすべてのノードを調べるDOM-walker関数を作成する方法を知っています。私はそれを行うためのブラウザネイティブの方法があることを望んでいました。結局のところ<input>、1回の組み込み呼び出しですべてを取得できるのは少し奇妙ですが、すべてを取得できるわけではありませんtextNode。

要素があります：<phone>(987) 123-45-67</phone>。

次のように変換する必要があります<span><small>(987)</small>&#160;123-45-67</span>。

どうやって作ることができますか？

ajaxを使用して木々の木材が表示されないFirefoxの問題が発生している場合、phpスクリプトからhtmlソースを取得します

このhtmlコードにはタグが含まれており、tbody内にさらにいくつかのtr/tdが含まれています

ここで、このtbodyプレーンコードを既存のテーブルに追加します。ただし、もう1つの条件があります。テーブルはフォームの一部であるため、チェックボックスとドロップダウンが含まれています。table.innerHTML +=contentを使用する場合; Firefoxはテーブルをリロードし、その中のすべての要素をリセットします。

私が持っているのはこれです

これは非常に些細なことで問題が見当たらないか、そのコーナーケースであり、ここの誰かがこれについてアドバイスを与えるために多くの経験を持っていることを願っています-誰もが私が期待する最終的に解析されたdom要素ではなくテキストノードを取得する理由を想像できますか？

ところで：ところで、完全な例を示すことはできません。テストセットではなく、実際に発生するバグの1つである、動作しない小さなコードを記述できません。

thx all

JSを使用してDOMツリーで全文検索を実行する方法を探しています。つまり、特定の文字列を含むテキストノードのリストを取得したいと思います。

mootoolsを試しましElement.getElements ( ':contains[string]' )たが、空白を含む文字列で動作させることができません。

編集：jQueryとmootoolsは、:containsオペレーターがツリートラバーサルを実行するように見えます。これは、ページを検索するためのネイティブな方法がないことを意味しますが、これは正しいですか？ページが巨大で、要素に関する唯一の情報が検索対象の文字列である場合、非常に非効率的なようです。私が間違っている？

すべてのテキストノードにインデックスを付け、検索対象の各文字列のインデックスをチェックすることを考えていますが、私のプロジェクトでは、そのようなインデックスを最新の状態に維持するためにDOMがいつ更新されるかを知る方法がありません。

より良いアイデアはありますか？

ありがとう

重複
の可能性: ID を指定して、最後の文を見つけてスパン ラッパーに置き換えます。

ピリオドを意味する文を含むテキストのブロックで DIV を指定します。

JQUERY テキスト ノードを使用して最後の文を見つけ、最後の文だけを SPAN タグでラップするにはどうすればよいでしょうか。

ありがとう

textNode に要素を追加したい。例: 要素の textNode 内で文字列を検索する関数があります。見つけたら、HTML要素に置き換えたいです。そのための基準はありますか？ありがとうございました。

OK、これは私を夢中にさせています。phpQuery を使用して、次の一見些細な HTML をスクリーン スクレイピングしようとしています。

日付はnobrタグでラップされているので簡単です。$element[':first-child']->text()トリックを行います。 しかし、テキストの 2 番目のビットで汚れたミットを取得するにはどうすればよいでしょうか?

CSS は要素に対してのみ機能するため、テキストではなくnth-child(2),(3)周囲の<br>タグを返します。

XPath を実行できれば、2 番目のノードは.//text()ゴールドになります。しかし、どうやら phpQuery ランドでは、コンテキスト$element->xpath->query('.//text()')はドキュメント ルートであるため、ドキュメント全体のすべてのテキストを取得します!

アイデア？jQueryでテキストノードを選択するにはどうすればよいですか?のすべてのソリューション Javascript DOM 操作が含まれているように見えますが、これは PHP のひどい DOM API よりもかなり害が少ないものです。たぶん、要素全体を文字列にダンプし、それを爆発させるだけ<br>です...

textnodes を直接の子として含む body elemnt がありますが、patragraphs もあります。ここで、このテキストノードが特定の css 設定を取得できるように css を作成したいと思います。一方、階層のより深いところにあるテキストノード (つまり、段落の 1 つの子) のスタイルを設定したくありません。

直接の子ではないテキストノードをスタイリングせずに、ボディ要素の直接の子であるこのテキストノードをスタイルするにはどうすればよいですか?

こんにちは
、HTML dom をトラバースして要素を強調表示する JavaScript コードを書いています。
私の問題は、Firefox がテキスト ノードとして空白を返すことです。
タグを返すように強制する解決策はありますか? たとえば、「firstChild」は常にテキストではなく最初のタグを返す必要があります。

ありがとう