Attr:value 屬性

Baseline 已廣泛支援

此特性已相當成熟,可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來,各瀏覽器均已提供此特性。

value 屬性是 Attr 介面的一部分,它包含了屬性的值。

一個表示屬性值的字串。

示例

以下示例展示了屬性 test 的當前值。點選按鈕會將其更改為不同的值,並再次讀取它以更新顯示的值。

HTML

html
<label test="initial value"></label>

<button>Click me to set test to <code>"a new value"</code>…</button>

<p>
  Current value of the <code>test</code> attribute:
  <output id="result">None.</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 = "a new value";
  result.value = attribute.value;
});

規範

規範
DOM
# dom-attr-value

瀏覽器相容性