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…