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

image

20210521.js

image

arrow
arrow
    創作者介紹
    創作者 阿沁! 的頭像
    阿沁!

    阿沁的跨領域筆記

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