Pure JavaScript で要素の可視性を判断するにはどうすればよいですか?

純粋な JavaScript での要素の可視性の決定

jQuery がない場合、開発者は要素が DOM 内で可視であるかどうかを確認する方法を探すことがよくあります。 。この記事では、表示属性または非表示ステータスを示すさまざまな属性を調査しながら、この質問に対処します。

表示属性を調べることは重要な要素であることに変わりはありませんが、考慮すべき点はそれだけではありません。可視性属性は、要素が現在非表示になっているかどうかを示す可視性にも影響を与える可能性があります。

ただし、その他の属性にも注意が必要な場合があります。 MDN ドキュメントによると、要素またはその親が表示スタイルによって非表示になっている場合、要素の offsetParent プロパティは null を返します。固定要素を除く可視性を決定するには、次のスクリプトを使用できます:

ただし、固定要素の場合は、window.getComputedStyle() に依存する別のアプローチが必要になる場合があります。次の関数では、そのような要素が考慮されます。

2 番目のオプションはより包括的ですが、計算が遅くなる可能性があります。したがって、最適な選択は操作の頻度によって異なります。

以上がPure JavaScript で要素の可視性を判断するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。