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