javascript エラー「SyntaxError: ‘with’ statements are not valid in strict mode.」の解決方法

javascript エラー「SyntaxError: ‘with’ statements are not valid in strict mode.」の解決方法

javascriptで、エラー「SyntaxError: ‘with’ statements are not valid in strict mode.」が発生した場合の原因と解決方法を記述してます。

環境

  • OS macOS Monterey 12.4
  • ブラウザ safari 15.5

エラー内容

以下のコードで発生。

'use strict';

with (document.getElementById('hoge')) {

  textContent = "mebee";
  style.color = "#555";

}

エラーメッセージ

SyntaxError: 'with' statements are not valid in strict mode.

画像

原因

withは、非推奨おり、「use strict」を使用するとエラーとなります。

解決方法

以下のコードのようにするしかないようです。

'use strict';

let elm = document.getElementById('hoge');

elm.textContent = "mebee";
elm.style.color = "#555";