JavaScriptを記述する方法はいくつか存在するが、それぞれ実行タイミングが異なる。 ここではそれについてまとめる。 <script>タグ内に記述する <script>タグ内にJavaScriptを記述した場合、スクリプトが実行されるのは<script>タグが解析された直後となる。そのため<script>タグ以降のDOM要素を操作することはできない。 <body> <div id="a"></div> <script> var a = document.getElementById('a'); console.log(a != null); // true var b = document.getElementById('b'); console.log(b != null); // false </script> <div id="b"></div> </body>
![【JavaScript】記述方法別の実行タイミングについて - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/e23094647fc5b4ef931078657a3dd1af958b5a72/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JUUzJTgwJTkwSmF2YVNjcmlwdCVFMyU4MCU5MSVFOCVBOCU5OCVFOCVCRiVCMCVFNiU5NiVCOSVFNiVCMyU5NSVFNSU4OCVBNSVFMyU4MSVBRSVFNSVBRSU5RiVFOCVBMSU4QyVFMyU4MiVCRiVFMyU4MiVBNCVFMyU4MyU5RiVFMyU4MyVCMyVFMyU4MiVCMCVFMyU4MSVBQiVFMyU4MSVBNCVFMyU4MSU4NCVFMyU4MSVBNiZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZDMzYzAxYTIwMjc2MjhiYTMzM2M2M2U4ZTFmMmFhYWQ%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwdG9tY2t5JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1lMDE4NGQzODJhODVhNTdhNWVjOTRiN2I1ODAzMjZlMw%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D74a0a2efeae347e133e3adbbef0b845c)