問題タブ [selectors-api]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
3 に答える
23786 参照

javascript - DOMコレクションで`querySelectorAll`を使用する子セレクター

子リストがネストされたリストを取得したとしましょう。

そしてdocument.querySelectorAll()、選択を行うために使用します。

ulコレクションを使用して直接の子要素を取得するにはどうすればよいですか?

どういうわけかキャッシュされていると仮定しましょうul(そうでなければ私はul > li直接行うことができたでしょう)。

jQueryではこれは機能します:

しかし、それはネイティブではありませんquerySelectorAll。解決策はありますか?

0 投票する
1 に答える
687 参照

javascript - セレクター API のブラウザー サポート

Selectors APIの現在のブラウザー サポートを示すページはどこかにありますか?

0 投票する
3 に答える
2747 参照

javascript - JS querySelector:HTMLタグデータを取得し、HTMLタグを必要とせずにJavaScriptにハードコーディングする方法

私は以下のコードから何を取得しようとしているのかを理解しようとしています:

そして、上記で参照しているコードは次のとおりです。

目標は、それらのHTMLコードを取得し、それをjavascript自体の中に配置して、HTMLコードのタグでそれを検索しないようにすることです。しかし、私はそれを自分で行うためにそれらのquerySelectorから何を取得しているのかを知ることができません。

どんな助けでも素晴らしいでしょう!

alert(document.getElementById('code'));を実行するとき 私はこれを手に入れます:

ここに画像の説明を入力してください

コード文字列:

0 投票する
3 に答える
235319 参照

javascript - 特定の属性セットを持つ要素にのみ querySelectorAll を使用する方法は?

属性が設定されdocument.querySelectorAllているすべてのチェックボックスに使用しようとしています。value

ページには設定されていない他のチェックボックスがあり、valueチェックボックスごとに値が異なります。ただし、ID と名前は一意ではありません。

例: <input type="checkbox" id="c2" name="c2" value="DE039230952"/>

値が設定されているチェックボックスだけを選択するにはどうすればよいですか?

0 投票する
1 に答える
209 参照

javascript - 値の長さに基づいてquerySelectorAllを使用する方法

これはかなり具体的な質問ですが、特定の長さの「href」値を持ち、その値の最後に「html」が含まれていないすべての「a」タグにquerySelectorAllを使用しようとしています。

querySelectorAllの基本は理解していますが、このようなことを実現する方法は理解していません...

提供された助けをありがとう。

0 投票する
1 に答える
560 参照

javascript - CSS セレクターは右から左に評価されます。querySelectorAll() セレクターもそのように評価されますか?

セレクターは CSS のように右から左に評価されますかquerySelectorAll()、それとも左から右に評価されますか?

0 投票する
1 に答える
720 参照

css - 完全な css3 セレクターを querySelectorAll に適切に書き込む方法

この css3 セレクター クエリを正しく記述する方法は?

上記のクエリは構文エラーをスローします。

ボタン、送信、送信、非表示、リセット、ファイル、画像、および検索タイプの入力を除いて、data-datasource='ds1' を持つすべての要素を選択したいと考えています。

0 投票する
3 に答える
4603 参照

javascript - querySelectorAll を使用する場合、ID を使用せずにコンテキスト ノードの直接の子を参照する方法はありますか?

次のような HTML 構造があるとします。

querySelectorAll を使用して「a」の子に対してクエリを実行するには、次のようなことができます

私の質問は、ノードを直接参照して、ID なしでこれを行うことは可能ですか? やってみた

しかし、使用したセレクターが無効であるというエラーが表示されます。


そして、誰かが疑問に思っている場合に備えて、私の実際の使用例は '> .foo .bar .baz' のようなもっと複雑なものになるので、手動の DOM トラバーサルは避けたいと思います。現在、一時IDをルートdivに追加していますが、それは醜いハックのようです...

0 投票する
1 に答える
182 参照

getelementsbytagname - HTMLDOMの「querySelectorAll」メソッドまたは「getElementsByTagName」メソッドによって引き起こされるかなり奇妙な問題

コードを参照してください:

jsFiddle: http: //jsfiddle.net/V7gmE

私の質問は:

c.lengthです4。問題はありません。 e.lengthです4。問題はありません。

f = document.querySelectorAll('p');またはを使用する場合f = document.getElementsByTagName('p');、なぜg.length「3」なのですか?

ありがとうございました。

0 投票する
1 に答える
1600 参照

powershell - powershell 3.0 の Invoke-WebRequest で document.querySelector を使用することは可能ですか?

私はそのようなコマンドでウェブサイトをダウンロードしています:

querySelectorまたはquerySelectorAllを使用して特定の要素を見つけることは可能ですか? それらを使用してフィルタリングできることはわかってい$response.ParsedHtml.allますが、より洗練されたクエリを使用したいのですが、に何も表示されません$response.ParsedHtml.documentElement

私はpowershell 3 RCを使用しています。