HTML DOMTokenList replace() メソッド
- 前のページ remove()
- 次のページ supports()
- 上一層に戻る HTML DOMTokenList
定義と使用方法
replace() メソッドは DOMTokenList 内のタグ（トークン）を置き換えます。
インスタンス
例 1
別の CSS クラスで置き換える：
const list = element.classList;
list.replace("myStyle", "newStyle");
例 2
"myStyle" クラスを要素に追加：
const list = element.classList;
list.add("myStyle");
例 3
要素から "myStyle" クラスを削除：
const list = element.classList;
list.remove("myStyle");
例 4
"myStyle" のオンオフを切り替え：
const list = element.classList;
list.toggle("myStyle");
構文
domtokenlist.replace(old, new)
パラメータ
| パラメータ | 説明 |
|---|---|
| old | 必要。置き換えるタグ。 |
| new | 必要。置き換えるタグ。 |
返り値
| タイプ | 説明 |
|---|---|
| ボルン値 | タグが置き換わると true になりますが、それ以外の場合は false です。 |
ブラウザのサポート
domtokenlist.replace() は ECMAScript7 (ES7) の機能です。
すべての現代ブラウザでは ES7 (JavaScript 2016) をサポートしています：
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| サポート | サポート | サポート | サポート | サポート |
Internet Explorer または Edge 17（またはそれ以前のバージョン）では domtokenlist.replace() がサポートされていません。
関連ページ
- 前のページ remove()
- 次のページ supports()
- 上一層に戻る HTML DOMTokenList
