このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

Element: ariaValueNow プロパティ

Baseline 2023
Newly available

Since ⁨October 2023⁩, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

ariaValueNowElement インターフェイスのプロパティで、範囲ウィジェットの現在値を定義する aria-valuenow 属性の値を反映します。

数値の入った文字列です。

この例では、ID が slider の要素の aria-valuenow 属性は "1" に設定されています。ariaValueNow を使用して値を "2" に更新します。

html
<div
  role="slider"
  aria-valuenow="1"
  aria-valuemin="1"
  aria-valuemax="7"
  aria-valuetext="Sunday"></div>
js
let el = document.getElementById("slider");
console.log(el.ariaValueNow); // 1
el.ariaValueNow = "2";
console.log(el.ariaValueNow); // 2

仕様書

Specification
Accessible Rich Internet Applications (WAI-ARIA)
# dom-ariamixin-ariavaluenow

ブラウザーの互換性