想要用外部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

文章標籤
全站熱搜
創作者介紹
創作者 阿沁! 的頭像
阿沁!

阿沁的跨領域筆記

阿沁! 發表在 痞客邦 留言(0) 人氣(406)