最新のWeb開発のチュートリアル
 

HTML DOM getAttribute() Method

<Elementオブジェクト

値を取得classの属性<h1>要素を:

var x = document.getElementsByTagName("H1")[0].getAttribute("class");

xの結果は次のようになります。

democlass
»それを自分で試してみてください

もっと"Try it Yourself"以下の例。


定義と使用法

getAttribute()メソッドは、要素の指定された名前の属性の値を返します。

ヒント:使用getAttributeNode()あなたはAttrオブジェクトとして属性を返すようにしたい場合の方法を。


ブラウザのサポート

方法
getAttribute() はい はい はい はい はい

構文

パラメータ値
パラメーター タイプ 説明
attributename String 必須。 あなたから値を取得する属性の名前

技術的な詳細

戻り値: 表す文字列、 specified属性の値を。

注意:属性が存在しない場合は、戻り値がnullまたは空の文字列("")
DOMバージョン コアレベル1要素オブジェクト

例

その他の例

値を取得targetの属性<a>要素を:

var x = document.getElementById("myAnchor").getAttribute("target");

xの結果は次のようになります。

_blank
»それを自分で試してみてください

ののonclickイベント属性の値を取得<button>要素を:

var x = document.getElementById("myBtn").getAttribute("onclick");

xの結果は次のようになります。

myFunction()
»それを自分で試してみてください

関連ページ

HTMLチュートリアル: HTML属性

HTML DOMリファレンス: href="met_element_hasattribute.html"> hasAttribute() Method

HTML DOMリファレンス: href="met_element_removeattribute.html"> removeAttribute() Method

HTML DOMリファレンス: href="met_element_setattribute.html"> setAttribute() Method


<Elementオブジェクト