HTMLMeterElement: optimum 屬性

Baseline 已廣泛支援

此特性已穩定,併兼容多種裝置和瀏覽器版本。自 ⁨2015 年 11 月⁩起,所有瀏覽器均已支援此特性。

HTMLMeterElement 介面的 optimum 屬性表示 <meter> 元素的最優邊界,其值為一個浮點數。它反映了元素的 optimum 屬性,或者在未定義時,為 minmax 值之間的中點。optimum 的值會受 minmax 值的限制。

此屬性也可以直接設定,例如根據某個條件設定預設值。

一個數字。如果未定義,則預設為 HTMLMeterElement.minHTMLMeterElement.max 之間的中點。

示例

在此示例中,未設定 optimum 值。

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

雖然未明確定義,但預設的 optimumminmax 之間的中點,但可以設定為 minmax 之間的任意值(包括這兩個值)。

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

規範

規範
HTML
# dom-meter-optimum

瀏覽器相容性

另見