index.md

title	short-title	slug	l10n
Element: getAttribute() メソッド	getAttribute()	Web/API/Element/getAttribute	sourceCommit bbf7f25f9cf95fb154e2740a9fdc9c02818981bf

{{APIRef("DOM")}}

getAttribute() は {{domxref("Element")}} インターフェイスのメソッドで、この要素の指定された属性の値を返します。

指定された属性が存在しない場合、値は null か "" （空文字列）のどちらかになります。詳しくは属性が存在しない場合を参照してください。

構文

getAttribute(attributeName)

引数

• attributeName は値を取得したい属性の名前です。

返値

attributeName の値の入った文字列です。

例

<!-- HTML 文書内の div の例 -->
<div id="div1">Hi Champ!</div>

// コンソールへの出力
const div1 = document.getElementById("div1");
//=> <div id="div1">Hi Champ!</div>

const exampleAttr = div1.getAttribute("id");
//=> "div1"

const align = div1.getAttribute("align");
//=> null

解説

小文字化

HTML 文書とされている DOM の HTML 要素に対して呼び出すと、 getAttribute() は処理前に引数を小文字化します。

属性が存在しない場合

現代のウェブブラウザーはすべて、指定された要素に指定された属性が存在しない場合は null を返します。

ノンス値の受け取り

セキュリティ上の理由で、スクリプト以外、例えば CSS セレクターから来た CSP のノンスと、 .getAttribute("nonce") の呼び出しは隠蔽されます。

let nonce = script.getAttribute("nonce");
// 空文字列が返される

コンテンツ属性のノンスをるには、代わりに {{domxref("HTMLElement/nonce", "nonce")}} プロパティを使用してください。

let nonce = script.nonce;

仕様書

{{Specifications}}

ブラウザーの互換性

{{Compat}}