HTMLOutputElement: defaultValue 属性
HTMLOutputElement 接口的 defaultValue 属性表示此 <output> 元素的默认文本内容。获取和设置此值等同于获取和设置 textContent 在 <output> 元素上。
值
字符串。
示例
在下面的示例中，defaultValue 仍然返回最初在 HTML 中编写的值。对 value 的更改不会影响 defaultValue 或其在 DOM 中的 textContent。
html
<fieldset>
<legend>Add two numbers</legend>
<p>
<input type="number" id="operand1" value="5" aria-label="First number" />
+
<input type="number" id="operand2" value="7" aria-label="Second number" />
=
<output
id="result"
for="operand1 operand2"
aria-live="polite"
aria-controls="output"
>12</output
>
</p>
</fieldset>
<pre id="logs" aria-live="polite"></pre>
js
const logs = document.getElementById("logs");
const operand1 = document.getElementById("operand1");
const operand2 = document.getElementById("operand2");
const result = document.getElementById("result");
function updateResult() {
result.value = operand1.valueAsNumber + operand2.valueAsNumber;
logs.innerText = `result.defaultValue: ${result.defaultValue}\nresult.value: ${result.value}`;
}
operand1.addEventListener("input", updateResult);
operand2.addEventListener("input", updateResult);
updateResult();
规范
| 规范 |
|---|
| HTML # dom-output-defaultvalue-dev |
浏览器兼容性
加载中…