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

浏览器兼容性

另见