HTML5 Canvas getElementById 回傳 null？腳本執行時機是關鍵

常見錯誤場景

<script>
  var canvas = document.getElementById('myCanvas'); // null！
  var ctx = canvas.getContext('2d');
</script>
<canvas id="myCanvas" width="300" height="200"></canvas>

在 Firefox、360 瀏覽器中均報錯 canvas is null，明明 ID 拼寫正確卻「娶不到」元素。

根本原因：DOM 尚未就緒

瀏覽器解析 HTML 是自上而下、即時執行的。當 `