NEW ARTICLE
Google Colaboratory コマンドパレットを開くショートカットキー
  1. HOME
  2. javascript
  3. javascript Withステートメントを使用する

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

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

javascriptで、Withステートメントを使用する方法を掲載してます。

目次

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 103.0.5060.66
Javascript サンプル集はこちら

Withステートメント使用

withステートメントを使用すると、オブジェクトをまとめることができます。

<p id="hoge"></p>
<p class="foo"></p>

<script>

with (document) {
  
  let hoge = getElementById('hoge');
  let foo = getElementsByClassName("foo")[0];

  hoge.textContent = "mebee";
  foo.textContent = "mebee";
  
}

</script>

ただし、非推奨なため、use strictを使用するとエラーとなります。

use strictについて
'use strict';

with (document) {
  
  let hoge = getElementById('hoge');
  let foo = getElementsByClassName("foo")[0];

  hoge.textContent = "mebee";
  foo.textContent = "mebee";
  // Uncaught SyntaxError: Strict mode code may not include a with statement

}