要素が表示されている DOM に存在するかどうかを確認するにはどうすればよいですか?

表示可能な DOM に要素が存在するかどうかを確認する方法

ID を使用して DOM 内の要素を検索することは、JavaScript の一般的なタスクです。ただし、このメソッドを使用せずに要素の存在を確認する必要がある場合はどうすればよいでしょうか?

不可視要素の識別

要素が DOM から削除されても、JavaScript 変数内のその参照は依然として残ります。存在します。これにより、typeof または === null を使用して要素の存在をチェックするときに予期しない結果が生じる可能性があります。

現在のアプローチ

isNull() 関数は、ランダムな ID を一時的に設定することでこの問題を回避しようとします。 getElementById() を使用して要素を検索し、一時 ID を削除します。このアプローチは、要素が DOM 内に見つからない場合は true を返し、見つかった場合は false を返します。

存在チェックの簡略化

目的が単に要素が存在するかどうかを確認することである場合 (要素に関係なく)可視性)、より簡単な方法は、ブラウザの要素選択メソッドのいずれかを使用することです。

<code class="javascript">var elementExists = document.getElementById("find-me");</code>

ブール値の場合は、!! を使用できます。選択メソッドの呼び出し前。さらに、querySelector() や getElementsByTagName() などのメソッドも使用できます。

DOM の可視性の確認

可視 DOM に要素が存在するかどうかを具体的に確認するには、contains() メソッドを使用します。使用できます:

<code class="javascript">document.body.contains(someReferenceToADomElement);</code>

このメソッドは、要素が DOM に存在する場合は true を返し、それ以外の場合は false を返します。

以上が要素が表示されている DOM に存在するかどうかを確認するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。