【Javascript】jQueryを使用せずに読み込み時処理を記述する

【Javascript】jQueryを使用せずに読み込み時処理を記述する

ここ1年くらい、jQueryを使用せずにJavaScriptを記述しています。

その発端はVisualforceのタブパネルがjQueryとバッティングして動かなかったことです。

セレクタによる要素の取得も出来るので、意外と不便していません。

ただ、毎回読み込み時処理の書き方を忘れてしまうため、コピー用にメモです。

jQueryで言うreadyの処理ですね。

<script>
// 画面読み込み時処理
document.addEventListener('DOMContentLoaded', function() {

    // 初期処理を行う
});
</script>

DOMContentLoadedというイベントに対して処理を追加しています。

とっても簡単ですね。

脱jQueryというわけではありませんが、頑張ってます。