javascript Withステートメントを使用する
- 2020.10.05
- javascript
- javascript

javascriptで、Withステートメントを使用する方法を掲載してます。
環境
- OS windows10 pro 64bit
- Apache 2.4.43
- ブラウザ chrome 84.0.4147.105
Withステートメント使用
withステートメントを使用すると、オブジェクトをまとめることができます。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
/** html **/ <p id="hoge"></p> <p class="foo"></p> /** js **/ with (document) { let hoge = getElementById('hoge'); let foo = getElementsByClassName("foo")[0]; hoge.textContent = "mebee"; foo.textContent = "mebee"; } |
ただし、非推奨なため、use strictを使用するとエラーとなります。
1 2 3 4 5 6 7 8 9 10 11 |
'use strict'; with (document) { let hoge = getElementById('hoge'); let foo = getElementsByClassName("foo")[0]; hoge.textContent = "mebee"; foo.textContent = "mebee"; } |

-
前の記事
Nuxt.js ライブラリ「vueye-timeline」をインストールしてタイムラインを実装する 2020.10.05
-
次の記事
javascript 指定した画像のサイズを変更する 2020.10.05
コメントを書く