HTMLOutputElement: defaultValue-Eigenschaft
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit August 2016 browserübergreifend verfügbar.
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
| Spezifikation |
|---|
| HTML # dom-output-defaultvalue-dev |