Control Button Element
他の要素をコントロールする。
対象の決め方
aria-controls
ある条件を満たした祖先要素?
↓の要素のいずれか
特定のプロトコルを満たすインターフェイスの持ち主
Controllableインターフェイスと呼びたい
対象と方法
<details>
$details.open = true / false
$dialog.setAttribute('open', ''), $dialog.removeAttribute('open'), $dialog.toggleAttribute('open')
<audio>, <video>
$media.pause(), $media.play()
$media.muted = true / false
$media.currentTime = 33
<dialog>
$dialog.open = true / false
$dialog.setAttribute('open', ''), $dialog.removeAttribute('open'), $dialog.toggleAttribute('open')
$dialog.show(), $dialog.showModal(), $dialog.close()
<input type="number" step="2">
$input.value += $input.step
$input.stepDown(4)
その他特定のプロトコルに従ったインターフェイスを持つ要素。add()関数があるとかtoggle()関数があるとか。
操作方法のパターン
プロパティに値を代入
プロパティの名前を知る必要がある
プロパティの値の型を知る必要がある
プロパティにtrue又はfalseを設定
メソッドを引数なしで呼ぶ
メソッドを引数ありで呼ぶ
引数の数を知る必要がある
引数名を知る必要がある
引数の値の型を知る必要がある
属性に値を設定する
属性を削除する