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 |
瀏覽器相容性
載入中…