問題タブ [selectors-api]

を使用しようとしましdocument.querySelectorAll()たが、IE8はエラーをスローします。

オブジェクトはこのプロパティまたはメソッドをサポートしていません

ここhttp://www.quirksmode.org/dom/w3c_core.html#t13に書かれているように、IE8 はこのメソッドをサポートしています。私が間違っていることは何ですか？

console.log(p) と console.log(nodes) の後に作成すると、変更がノードに影響を与えていることがわかりますが、p には影響しません。なぜ、どのようにpに適用するのですか?

私がnodes = p.childNodes;すべてうまくいけば。

それで、主な質問は、なぜそれが動作しchildNodes、動作しないのquerySelectorAllですか?

更新しました

最後に、以下のようなものを追加すると問題を解決できます。

どこnodes = querySelectorAllとchildNodes = p.childNodes;

私は webdriver を使用しており、css セレクターを使用することが多く、各レベルをトラバースするために記述するコードの量を減らすことができるかどうか疑問に思っています。以下は、要素にアクセスするための JavaScript コードであり、Java の同様のコードが私のコードに存在します。

以下の例では、3 つの CSS セレクターを使用して 3 つのレベルをトラバースしましたが、それらを組み合わせるか、少なくとも単純化することができます。

querySelectorAll は ID でピリオド (.) 文字をサポートしていますか?

つまり、以下のような要素を追加すると:

次に、以下のように querySelectorAll を使用します。

それから私は何も得ません！

したがって、ピリオドは id の正当な文字であり、querySelectorAll は Firefox が提供する公式のメソッドです。メソッドが id でピリオド (.) をサポートしていないとは信じられません。私は何か間違いをしましたか？

関数$(jQuery の の 1 つに似ています) を作成しています$が、jQuery 以外のメソッドとヘルパーを使用し、プレーンな DOM プロパティを使用しています。

特定のセレクターで複数の要素を選択しているか、単一の要素だけを選択しているかを判断することに固執しました。

これまでのところ、私はこれを書いてきましたが、これをより少ないコードで、おそらく DOM のメソッドの 1 つだけを使用して記述する可能性があるかどうかを知りたいです:querySelectorまたはquerySelectorAll.

このコードをどのように減らすことができますか?

querySelector()要素undefined stringにアクセスしようとすると戻ります。より柔軟なので、他のメソッドよりもメソッドnumeric value as the IDを使用したいと思います。querySelector()この問題の解決策は非常に役立ちます。

jsフィドル

以下のメディアに埋め込まれた画像の URL を取得するにはどうすればよいですか: サムネイル タグ?

私は次のようなものを探しています

しかし明らかに querySelector は media:content の値を取得できませんでした