element.hasAttribute( attributeName )メソッド

element.hasAttribute( attributeName )は、「element」に指定した要素に、引数「attributeName」に指定した属性名の属性があるかどうかを調べるメソッド。

構文

var $attribute = $elementNodeReference.hasAttribute( attributeName );

引数

attributeName
属性名を指定。

戻り値

論理値(ブール値、真偽値、真理値)を返す。

  • 「$elementNodeReference」に引数「attributeName」に指定した属性名の属性がある場合、「true」を返す。
  • 「$elementNodeReference」に引数「attributeName」に指定した属性名の属性がない場合、「false」を返す。

サンプル

サンプルの動作について

「クラス属性があるか」ボタンをクリックすると、ボタンの右横に「true」と表示する。

サンプルのソースコード

JavaScript

<script type="text/javascript">
function sample() {
    var $sample = document.getElementById( "sample" );
    var $attribute = $sample.hasAttribute( "class" );
    $sample.innerHTML = $attribute;
}
</script>

HTML

<p>
    <button onclick="sample();">クラス属性があるか</button>
    <span id="sample" class="sampleClass" style="margin-left: 10px;"></span>
</p>

スポンサード リンク

カテゴリー: DOM, Elementオブジェクト, JavaScript, メソッド, リファレンス, 属性, 逆引き パーマリンク