61
43

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

JavaScriptで要素が存在するかtrue/falseで知りたい時どうするか?

Last updated at Posted at 2018-06-12

要素が存在するか知る必要がありました

ifの条件式で、とある要素が存在するとき(true)に処理をしたかったので、JavaScriptで実現できないか、調べました。

実現方法

以下のコードで実現させます。

document.getElementById("id") != null

単純なdocument.getElementById("id")では、要素が返ってきます。
そこでnullか否かの比較演算子を使うことでtrue/falseの真偽値を得ます。
シンプルですね。

ちなみに

ちなみにjQueryのgetとかsizeとかで判定する方法もあります。(参考をご覧ください。)
ですが、JavaScriptのみで書いた方が実行速度は速いみたいです。

参考

61
43
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
61
43

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?