JS報錯:Uncaught TypeError: Cannot read property 'addEventListener' of null

JS部分

document.getElementById("silen").addEventListener('click', displayDate);

function displayDate() {
document.getElementById("demo").innerHTML = '123';
}

html部分

<!doctype>
<html>
<head>
<meta charset="utf-8">
<meta name="silen" content="silen's place">
<link type="text/css" rel="stylesheet" href="test.css">
<script type="text/javascript" src="test.js"></script>
</head>
<body>
<button id="silen">Press it</button>
<p id="demo">duddu</p>

</body>
</head>
</html>

但是單擊button后并沒有反應(yīng) O(∩_∩)O

后來把js部分的代碼加在了如下代碼框內(nèi),解決,mark一下,原理理解的還沒有那么好。

window.onload=function(){
}

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 我們首先要明白,我們給頁面添加效果用到的js到底是什么?js其實包含三部分:dom 文檔對象模型 bom 瀏覽...
    一直以來都很好閱讀 874評論 0 0
  • 工廠模式類似于現(xiàn)實生活中的工廠可以產(chǎn)生大量相似的商品,去做同樣的事情,實現(xiàn)同樣的效果;這時候需要使用工廠模式。簡單...
    舟漁行舟閱讀 8,130評論 2 17
  • 單例模式 適用場景:可能會在場景中使用到對象,但只有一個實例,加載時并不主動創(chuàng)建,需要時才創(chuàng)建 最常見的單例模式,...
    Obeing閱讀 2,315評論 1 10
  • 一、JS前言 (1)認識JS 也許你已經(jīng)了解HTML標記(也稱為結(jié)構(gòu)),知道了CSS樣式(也稱為表示),會使用HT...
    凜0_0閱讀 2,932評論 0 8
  • JavaScript HTML DOM 通過HTML DOM,可以訪問JavaScript HTML文檔的所有元素...
    edwin_hei閱讀 488評論 0 2

友情鏈接更多精彩內(nèi)容