HTMLMeterElement: optimum 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 optimum-Eigenschaft des HTMLMeterElement-Interfaces stellt die optimale Grenze des <meter>-Elements als Gleitkommazahl dar. Sie spiegelt das optimum-Attribut des Elements wider oder den Mittelwert zwischen min und max, falls nicht definiert. Der Wert von optimum wird durch die min- und max-Werte begrenzt.

Diese Eigenschaft kann auch direkt gesetzt werden, zum Beispiel um einen Standardwert basierend auf einer bestimmten Bedingung zu definieren.

Wert

Eine Zahl. Voreingestellt auf den Mittelwert zwischen HTMLMeterElement.min und HTMLMeterElement.max, falls nicht definiert.

Beispiele

In diesem Beispiel ist kein optimum-Wert festgelegt.

html
<label for="review">Star rating:</label>
<meter id="review" min="0" max="10" low="2" high="8" value="9"></meter>

Obwohl nicht explizit definiert, ist das Standard-optimum der Mittelwert zwischen min und max, es kann jedoch auf jeden Wert zwischen min und max, einschließlich der Grenzen, eingestellt werden.

js
const meterElement = document.getElementById("fuel");
console.log(meterElement.optimum); // 5
meterElement.optimum = (meterElement.max + meterElement.optimum) / 2;
console.log(meterElement.optimum); // 7.5

Spezifikationen

Specification
HTML
# dom-meter-optimum

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
optimum

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Siehe auch