JavaScriptで要素の有無を調べるサンプル

Consoleで結果を確認できます。

// <p class="foo"></p> がコード内にある場合
const foo = document.querySelector('.foo')
if (foo) {
  console.log('.fooは存在します。')
} else {
  console.log('.fooは存在しません!')
}

const bar = document.querySelector('.bar')
if (bar) {
  console.log('.barは存在します。')
} else {
  console.log('.barは存在しません!')
}
// 結果
// .fooは存在します。
// .barは存在しません!

元記事を表示する