問題タブ [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.
javascript - querySelectorとquerySelectorAllのコンソール出力について
誰/何がの内容をに書く方法を決めるobject
のconsole
ですか?
オブジェクトリテラルの折りたたみ可能な表現を取得する場合もあれば、単にDOM
構造を出力する場合もあります。
このHTMLを考えると:
console
(WebKit / Firebug)を次のようにヒットした場合:
その後:
それは戻ります:
一方、次のような別のオブジェクトがあるとします。
コンソールに次のことを要求します。
私たちに与える:
私は何度もこの行動に出くわしましたが、通常は他の方法で好奇心をかき消しました。今はちょっと苦痛なので、もう少し調べてみます。問題のオブジェクトが要素DOM
であり、検査官が私たちを助けているだけだからですか?
(私の例は(DOM
オブジェクトとリテラルを比較して)少し奇妙だと思いますが、問題を説明するための最も簡単で迅速な方法です。)
前の質問の情報を使用して、問題の各オブジェクトに関するもう少し情報を得ることができます。
video.constructor
戻り値:
一方:guitar.constructor
戻り値:
なぜそれが重要なのですか?
次のような状況:
この要素を見て、そのプロパティを調べることはできません。単純に、各要素を個別に追跡する必要がある場合(つまり、firstVideo.parentElement.offsetHeight
)、これは非常に残念です。
それで、私の理解のギャップはどこにありますか?実際に何が起こっているのですか?
javascript - element.querySelectorのIDセレクター?
querySelectorに渡すのに適したCSSセレクターとして、要素への相対参照を格納するアプリケーションを作成しています。「base」要素への相対参照を保存する場合は、同じ要素を返すセレクターが必要です。
レベル1セレクターAPIで定義されているquerySelector
メソッドのIDセレクターは、次の条件を満たすものですか?Element
アップデート:
このセレクターは使用できないため、querySelectorの呼び出しを、セレクターが疑似クラスと等しい場合にコンテキスト要素を返す関数でラップします:root
。
javascript - css3/javascript を使用して div で複数のオブジェクトを移行する
ページが読み込まれるとすぐに同時に移行したい 3 つのオブジェクト (div) があります。これをアニメーション化するために、1 つのオブジェクトだけで完全に機能する JavaScript を少し使用していますが、JavaScript を書き直して 3 つのオブジェクトすべてをアクティブにし、各オブジェクトの個別のスタイリングに従う方法がわかりません。
Mozilla Developer Network のサイト ( https://developer.mozilla.org/en/CSS/CSS_transitions/ )で「Using transition events to animate an object」の例を見つけましたが、残念ながらフォーラムが無効になっているため、できませんでした。解答を見つける。
基本的な HTML は次のとおりです。
背景画像を持つ 2 つの div があります。1 つは左側にあるオブジェクトのスタイリングを表し、右側の位置にあるスタイリングです。
1 つのオブジェクトの CSS は次のとおりです。
そして、このオブジェクトを呼び出してアニメートし、画面上を右に移動してから元に戻す Javascript を次に示します。
ここで、同時に移行したい他の 2 つの要素は、.cloud2Left (および .cloud2Right) および .cloud3Left (および .cloud3Right) という名前で、それぞれ固有のスタイル (位置、左 %、移行率など) を持ちます。
私は解決策を求めてウェブを精査し、jsをいじりました。ここや Web を調べたところ、セレクターに関する情報と、複数のセレクターをうまく使用する方法を見つけました。次のような複数のセレクターを使用してみました。
と
el.classNameについても同じ
3 つのオブジェクト (div) すべてを含むように JavaScript 関数を書き直して、ページが読み込まれるとすぐにそれらを同時に動作させる方法を誰かが知っているか、知っているなら、私は大いに感謝します。前もって感謝します。
javascript - querySelectorAll() を使用します。メソッドによって返された結果は順序付けされていますか?
複数のページで動作するjsコードを作成しようとしています。querySelectorAll() を使用して、DOM から要素を取得しようとしています。
要素を並べ替える必要があります。そのために、xPath またはセレクターを使用できます (セレクターを使用することをお勧めしますが、xPath も問題ありません)。問題は
、querySelectorAll() によって返される NodeList 内の要素が、タグが HTML に表示される順序に反して並べられているかどうかです。
注: タグを追加したい: querySelectorAll
javascript - querySelectorAll - 属性が設定されているすべてのタグを取得しますか?
たとえば、id
属性が設定されているすべてのタグのリストが必要です (他の属性でもかまいませんが、これid
は単なる例です)。
javascript - querySelector、ワイルドカード要素一致?
orを使用してワイルドカード要素名の一致を行う方法はありますquerySelector
かquerySelectorAll
?
解析しようとしている XML ドキュメントは、基本的にプロパティのフラット リストです。
- 名前に特定の文字列が含まれる要素を見つける必要があります。
- 属性クエリではワイルドカードがサポートされていますが、要素自体ではサポートされていません。
明らかに非推奨の XPath (IE9 で削除された) の使用に戻る以外の解決策は受け入れられます。
javascript - querySelectorAll() でのコロンの使用
メソッドを使用して Web ページのリンクを取得しようとしてquerySelectorAll()
いますが、「javascript:」で始まるリンクを無視するか、「itpc://」などの別のプロトコルを使用したい
これらを「not()」疑似セレクターに含める方法はありますか?
最初の方法は現在のページで問題なく機能しますが、それを使用するすべてのページで機能するという保証はないので、そのコロンを検出できるようにしたいと考えています。
javascript - querySelector に相当する jQuery
querySelectorに相当するjQueryは何ですか? これまでに見つけた唯一の方法は、すべてを選択してから最初の選択を選択することです:
上記の式で、jQuery は最初の一致を見つけた後に停止するほど賢いでしょうか?
更新: @Mutnowski は eq() と first を使用することを提案しましたが、jQuery のドキュメントを読んだ後、これら 2 つの方法には同じ欠点があるようです: jQuery は最初にすべての一致を取得し、次に最初の要素のみを除外します。