javascript - js は、特定の dom 要素が別の dom 要素に含まれているかどうかを判断します

js は、DOM 要素が別の DOM 要素に含まれているかどうかを判断します。 jqueryは不要、jsを使用して実装します

大家讲道理 2017-05-18 10:52:00 0  1  707

Cypress メソッドを使用してファイルを選択するときに DOM に入力要素がない場合の処理

アップロードボタンをクリックすると、以下の方法でファイルブラウザが開きます。私の知る限り、DOM 要素に明示的に付加しない限り、要素は DOM に追加されません。 constinputEl=document.createElement("input");inputEl.type="file";inputEl.multiple=true;inputEl.click();inputEl.onchang

P粉697408921 2023-09-05 22:32:49 0  1  523

既存の DOM 要素を変更する際のページ読み込みイベント中のちらつきを排除します。

プレーンな JavaScript を使用した次の DOM 要素変更関数があります。この関数では、ページ読み込みイベントを使用して、DOM のテキスト文字列を含む Span 要素を変更します。次のコードを使用すると、DOM 要素が期待どおりに変更されます。ただし、変数デスクトップとモバイルの DOM 要素が変更される前に、ちらつきの最小限の部分が依然として表示されます。ちらつきシナリオの例: ラベル範囲「変更したいテキスト」がほんの一瞬表示されます。コンテンツが完全にロードされると、変更されたタグ範囲「text1Changed」が表示されます。このようなことが起こるのは次の理由によると思います

P粉143640496 2024-03-26 19:30:32 0  2  578

getElementById などの jQuery メソッドや DOM メソッドが要素を見つけられないのはなぜですか?

document.getElementById、$("#id")、またはその他の DOM メソッド/jQuery セレクターが要素を見つけられない理由として考えられるものは何ですか?問題の例は次のとおりです。 jQuery がイベント ハンドラーのバインドにサイレントで失敗する jQuery の「getter」メソッド (.val()、.html()、.text()) が未定義を返す null を返す標準 DOM メソッドが次のエラーで結果を返します: Uncaught type Error:キャッチされない null プロパティ '...' を設定できません

P粉720716934 2023-10-15 15:40:06 0  2  708

javascript - ng-repeatについてですが、DOMレンダリング後の要素の取得に問題はありますか？

ng-repeat を使用してデータをレンダリングした後、指定された DOM 要素のスタイルを変更したいと思います。次のサンプル コードは、{code...} {code...} where $('.city') です。 css('background ', 'red'); は有効ですが、 $('.city1').css('background', 'green'); は無効です、これは何ですか...

曾经蜡笔没有小新 2017-06-12 09:25:54 0  2  957

HTML ベースの Web ページに Flutter 要素を埋め込みますか?

Flutter3.10でElementEmbeddingが開始されました。 Flutter コンテンツを Web ページに追加するのではなく、Flutter ウィジェット/コンポーネントを追加するだけで済みますか?たとえば、ElevatedButton()。 Flutter コンテンツを追加しないというのは、アプリ全体 (右側のカウンター アプリ) を追加したくないということです。ウィジェット自体を追加したいだけです。

P粉438918323 2023-09-04 18:01:08 0  1  631

Vue 3.0 で DOM 要素の vnode を取得する方法

トピックに示されているように。 document.getElementById(id) 経由で DOM にアクセスして vnode を取得するにはどうすればよいですか?

P粉377412096 2024-03-26 11:53:33 0  1  553

javascript - js が dom 要素の型をネイティブに決定する

問題はこの {code...} です。次に、それがどのようなタイプの ele であるかを判断し、次のように記述する必要があります。つまり、ラベル 'a' を入力すると、それはラベルを意味し、#a は ID を意味し、.a を意味します。クラスを意味し、対応する操作を実行します { Code...} ページ内に少なくとも 1 つの要素が存在する可能性があるため、コードは次のようになります

给我你的怀抱 2017-05-18 10:47:59 0  1  723

PHP で HTML 要素を作成および AppendChild する関数を記述するにはどうすればよいですか?

HTML コードのチャンクをエコーし​​たり、echo<<<HEREDOC を使用したりするのではなく、HTML 要素を作成し、子要素を相互に追加する関数を作成したいと考えています。 createLoginBar 関数は、createLogoutBanner 関数内の他の HTML 要素に追加する div を作成します。 functioncreateLoginBar(){$dom=newDOMDocument();$login_bar=$dom->cre

P粉814160988 2024-03-30 21:45:27 0  1  557

変数をキーとして使用して JavaScript オブジェクトにプロパティを追加しますか?

jQuery を使用して DOM から項目を抽出しており、DOM 要素の ID を使用してオブジェクトのプロパティを設定したいと考えています。

P粉071559609 2023-08-24 18:04:17 0  2  572

javascript - ページの DOM にポイントを追加し、それをメイン ページの DOM 要素に追加する方法

メインページのindex.htmlの本文はこんな感じです {code...} サブページのpage_1.htmlは操作の便宜上domブロックのみで、Bodyのhtmlタグ{code...}はありません たくさんありますこのようなサブページ page_2.html、page_3.html、page_4.html... {code...} 今、私は...

世界只因有你 2017-05-18 10:46:55 0  3  515

React または Vue の仮想 DOM の内部動作を理解する

私は学生で、大学のプロジェクト用に、React、Vue などの他の有名なフレームワークと同様に、独自の仮想 DOM を作成しようとしています (プロップやイベントなどの高度な機能はありません。シンプルにしておきます)。 . .複数のコード ファイルがある場合 (コード分割) を知りたいだけです。深い子要素に変更を加えた場合、完全な仮想 DOM (すべての子要素と親要素を含む) を比較する必要がありますか、それともその子要素のみを比較する必要がありますか。完全な新しい仮想 DOM (すべての子を含む) を以前の仮想 DOM と比較する必要がある場合。だから、

P粉451614834 2024-02-03 17:01:18 0  1  550

ウィンドウ内にスクロールされる DOM 要素のイベントはありますか?

たとえば、画像を遅延読み込みしたい場合、img DOM がブラウザを下にスクロールし、DOM がユーザーの現在のウィンドウまでスクロールするときに発生するイベントを表すイベントはありますか?

PHPz 2017-05-19 10:39:49 0  1  503

CSS 疑似クラス関数で複合セレクターを効果的に使用する方法を学びます: host-context(<selector>)

MDN ドキュメントでは、:host-context() は次のように定義されています。 :host-context() CSS 疑似クラス関数は、CSS が含まれるシャドウ DOM のシャドウ ホストを選択します (そのため、そのシャドウからカスタム要素を選択できます) DOM ) - ただし、関数パラメーターとして指定されたセレクターが DOM 階層内のシャドウ ホストの祖先の位置と一致する場合にのみ機能します。言い換えれば、これにより、カスタム要素またはそのシャドウ DOM 内のあらゆるものに、外部 DOM 内の位置、または祖先要素に適用されたクラス/プロパティに基づいて、異なるスタイル...

P粉268284930 2023-09-16 15:49:33 0  1  1069

angular.js - angular.element メソッドはどのようにして DOM 要素のスコープを取得しますか?

親ページ a.html にはコントローラーがあり、 include 関数を使用して b.html を読み込みます。親コントローラーの中に子コントローラーがネストされています。その後、element.scope メソッドはメイン コントローラーのスコープのみを取得でき、要素が配置されているスコープを返すことができないことがわかりました。方法を教えてください...

某草草 2017-05-15 16:55:20 0  1  654

javascript - js で現在のページの先頭にある dom 要素を取得する方法。

主に、Baidu Encyclopedia の右側のナビゲーション バーと同様の効果を実現したいと考えています。ページがスクロールすると、右側のナビゲーション バーも変化します。ありがとう。 http://baike.baidu.com/item/G...

黄舟 2017-05-19 10:29:38 0  2  705

CSS 要素のエッジがスクロール ボックスのエッジの「外側」にあるとはどういう意味ですか?

次の仕様をどのように解釈するのが正しいでしょうか? 「要素エッジ A と要素エッジ B が両方ともスクロール ボックス エッジ A とスクロール ボックス エッジ B の外側にある場合は、何もしません。」 出典: https://drafts.c​​sswg.org/cssom-view/#dom -scrollologicalposition-nearest: ~:text=If%20element%20edge%20A%20and%20element%20edge%20B%20are%20b

P粉763748806 2024-01-16 23:45:09 0  1  579

html - JavaScript の Dom 操作によって子要素のテキスト内容がどのように変更されるか

次のコードで p タグの「Hello」を「HelloEveryone」に変更できない理由を教えてください。

某草草 2017-05-24 11:36:57 0  2  753

JavaScript - DOM は要素の作成時と挿入時に引用符の有無の違いを取得します。

{コード...}

阿神 2017-06-14 10:53:37 0  5  729

Laravel と Alpine.js | PHP 条件に基づいて Alpine.js コードを記述するための DOM 要素

updateSoftwareRequest は、エラー時に次のデータを返します: public function after(): array { 戻る [ 関数 (バリデータ $validator) { if ($validator->failed()) { $validator-&a

P粉763748806 2023-08-06 11:54:24 0  1  544