属性が存在するかどうかの確認

概要: このチュートリアルでは、指定された名前を持つ属性が存在するかどうかを確認する方法を学びます。

指定された名前を持つ属性が存在するかどうかを確認するには、hasAttribute() メソッドを使用します。

const result = element.hasAttribute(name);Code language: JavaScript (javascript)

指定されたnameを持つ属性が存在する場合はtrueを、そうでない場合はfalseを返します。

次の例では、アンカー要素のtitle属性が存在するかどうかを確認します。

const link = document.querySelector('a');
const result = link.hasAttribute('title');Code language: JavaScript (javascript)

hasAttribute()メソッドを使用して、要素のdata-*属性が存在するかどうかを確認することもできます。

次の例では、hasAttribute()メソッドを使用して、アンカー要素にdata-method属性が存在するかどうかを確認します。

const link = document.querySelector('a');
const result = link.hasAttribute('data-method');Code language: JavaScript (javascript)