問題タブ [dom-node]

DOMNodeオブジェクトの配列に、同様のオブジェクトの配列内のすべてのアイテムが含まれているかどうかを確認する必要がありDOMNodeます。

一般に、配列に別の配列が含まれているかどうかを確認するために、この質問で概説されているいくつかの方法を試しました。ただし、両方ともベースの配列項目array_intersect()を比較します-文字列に変換できないため、次のエラーがスローされます。array_diff()(string) $elem1 === (string) $elem2DOMElements

これを処理する適切な方法は何ですか？

id="cMsgArea"AJAX を介して動的に追加される複数の div をホストするために使用されるdiv コンテナーがあります。いつでも表示される子 div の数を制御する必要があります。

コンソールの結果:

質問 divNodeは正しい値を示していますinnerHTMLが.style.display、スタイルがnullであることを示しています。「style.display」値を取得するにはどうすればよいですか?

アップデート Patrick Evans は正しかったのですが、私は問題の間違った終わりを見ていました。とはいえ、解決されましたが、スタイルに include を明示的に追加するために、コンテナーに div を追加していたコードを変更する必要があったことにも注意してくださいdisplay:block。

まず、以下の状況について説明させてください。テンプレートとして機能するこのマークアップがあります。

今私がしたいことは、単に「.item」ノードを取得してコピーし、値を追加して「.container」(その親) に追加することです。そして、このプロセスを数回繰り返します。結果は次のようになります。

私は次のコードでこれを達成しました：

これはうまくいきます。しかし、私はこのコードに満足していません。

これは、次のような簡単な方法で実行できると思っていました。

残念ながら、これは機能しません。

だから、私の質問は、これを行うためのより簡単でエレガントな方法はありますか?

編集

OK、これはうまくいきます：

子ノードを再追加できない理由はまだよくわかりませんが。すでに追加されているため、もう追加できないため、参照ノードを作成する必要があるのはなぜですか?

チェックinputFieldDomNode.selectionStartすると、テキスト選択がなく、キャレットがない場合でも、常に何らかの数値が返されます。では、テキスト選択がないかどうかはどうすればわかりますか?

フロントエンド開発者としての学習プロセスの一環として、jQuery を使用せずに製品を作成し、代わりにバニラ JavaScript を使用してすべてのやり取りを行うことにしました。

関数 onClick を呼び出して、クリックしたクラスの一部である DOM ノードのみの位置を取得したいと考えています。ただし、これが純粋な JavaScript でどのように行われるかはわかりません。基本的に、$(this) が jQuery で行うことを複製したいと考えています。

これまでの私のコードは次のとおりです。

事前に感謝し、問題に対する他の可能な解決策は大歓迎です。

XML ドキュメントにいくつかのタグがあります。

DOMNode $myNode が「kat2」の場合

null の代わりにゼロを返します。タグがペアになっていないかどうかを確認し、真の場合は NULL を返し、そうでない場合は値を返す方法。

デモ

以下のコードは、カウンターを除いて正常に動作しています。リストにアイテムを追加すると、カウンターは正確ですが、リストからアイテムを削除すると、カウンターから 1 が減算されません。何か案は？

HTML

JavaScript