Document.queryCommandValue() - 編集コマンドの値を返す
queryCommandValue()は、Documentのメソッドです。編集コマンドの実行結果の値を返します。
概要
- 名前
- queryCommandValue
- 所属
- Document
- IDL
DOMString queryCommandValue(DOMString commandId);
- 仕様書
- https://w3c.github.io/editing/execCommand.html#querycommandvalue%28%29
説明
引数(commandId)には、対象の編集コマンドを表す文字列を指定します。
デモ
Document.queryCommandValue()のデモです。テキストを選択して、編集コマンドの"fontname"を実行してみて下さい。
<!-- このコードは編集できます。 -->
<!DOCTYPE html>
<head>
<style>
div#result { white-space: pre-wrap ; }
</style>
</head>
<body>
<p contenteditable="true">SYNCER SYNCER</p>
<p><button id="run">実行</button></p>
<hr>
<div id="result"></div>
<script>
document.getElementById( "run" ).onclick = function () {
var response = document.queryCommandValue( "fontname" ) ;
console.log( response ) ;
document.getElementById( "result" ).textContent = response ;
}
</script>
</body>
</html>
サポート状況
Chrome | Firefox | Safari | Edge | IE | Opera | iOS Safari | Android |
---|---|---|---|---|---|---|---|
● | ● | ● | ● | ● | ● | ● | ● |
関連記事
- Document.queryCommandIndeterm()
- queryCommandIndeterm()は、Documentのメソッドです。編集コマンドが不確定か否か確認します。
- Selection.addRange()
- addRange()は、Selectionのメソッドです。Rangeを指定して選択範囲をセットします。既に選択範囲が存在する場合、無視されます。
- Selection.type
- typeは、Selectionのプロパティです。選択範囲の種類を文字列で返します。
- Range
- Rangeは、範囲を管理するための機能を備えたインターフェイスです。