Attr: value 属性

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

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

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。