想要用外部javascript 來改變element的css 樣式,明明把javascript程式碼放到與原來html檔時都OK,但是放在我的外部js檔就不行(document.write 顯示時也正常)
在瀏覽器按下F12看到:
"Uncaught TypeError: Cannot read property 'style' of null "
上網找的半天,後來才知道是載入順序不同才發生的問題:因為我把外部javascript的鏈接放在html的<head>裡面,會先執行javascript;而當我把javascript鏈接移動到<body>內的底部,世界就豁然開朗了!
這是我上網查到的資料,有助於了解為甚麼會這樣:
https://www.itread01.com/content/1547077324.html
下面是改後成功的範例:
20210521.html
20210521.js
文章標籤
全站熱搜