English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML DOM getAttribute() メソッド

HTML DOM Element オブジェクト

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

指定された属性が存在しない場合、返却される値はnullまたは「」(空文字列)として使用する場合

属性をAttrオブジェクト返却する場合、以下を使用してくださいgetAttributeNode()メソッド。

文法:

element.getAttribute(attr)
var x = document.getElementsByTagName("H1")[0].getAttribute("class");
テストを見て‹/›

ブラウザの互換性

すべてのブラウザがgetAttribute()メソッドを完全にサポートしています:

メソッド
getAttribute()

パラメータの値

パラメータ説明
attr値を取得する属性の名前

技術的詳細

返却値:指定属性の値を示す文字列
DOM バージョン:DOM レベル1

さらに多くの例

要素の style 属性の値を取得:

var x = document.getElementsByTagName("H1")[0];
x.getAttribute("style");
テストを見て‹/›

アンカー要素の href 属性の値を取得:

var x = document.getElementsByTagName("a")[0];
x.getAttribute("href");
テストを見て‹/›

画像要素の src 属性の値を取得:

var x = document.getElementsByTagName("img")[0];
x.getAttribute("src");
テストを見て‹/›

関連リファレンス

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

HTML DOM リファレンス:element.hasAttribute() メソッド

HTML DOM リファレンス:element.setAttribute() メソッド

HTML DOM リファレンス:element.removeAttribute() メソッド

HTML DOM Element オブジェクト