HTMLOutputElement: defaultValue-Eigenschaft
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since August 2016.
Die defaultValue-Eigenschaft des HTMLOutputElement-Interfaces repräsentiert den Standard-Textinhalt dieses <output>-Elements. Das Abrufen und Setzen dieses Werts entspricht dem Abrufen und Setzen von textContent auf dem <output>.
Wert
Ein String.
Beispiele
Im folgenden Beispiel gibt die defaultValue-Eigenschaft weiterhin den ursprünglich im HTML geschriebenen Wert zurück. Änderungen an value haben keinen Einfluss auf die defaultValue-Eigenschaft oder ihr textContent im DOM.
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();
Spezifikationen
| Specification |
|---|
| HTML # dom-output-defaultvalue-dev |
Browser-Kompatibilität
Loading…