Attr: value プロパティ
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。
value は Attr インターフェイスのプロパティで、この属性の値が入ります。
値
文字列で、この属性の値を表します。
例
次の例では、属性 test の現在の値を表示しています。ボタンをクリックすると別の値に変更され、再度読み込むと表示値が更新されます。
HTML コンテンツ
html
<label test="初期値"></label>
<button>クリックすると、test に <code>"新しい値"</code> を設定します。…</button>
<p>
現在の <code>test</code> 属性の値:
<output id="result">なし。</output>
</p>
JavaScript コンテンツ
js
const element = document.querySelector("label");
const button = document.querySelector("button");
const result = document.querySelector("#result");
const attribute = element.attributes[0];
result.value = attribute.value;
button.addEventListener("click", () => {
attribute.value = "新しい値";
result.value = attribute.value;
});
結果
仕様書
| 仕様書 |
|---|
| DOM # dom-attr-value |