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 October 2018.

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

BCD tables only load in the browser

Siehe auch