我有這個(gè)html代碼<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="tablezone.css"> <script src="table.js"></script> </head><body> <div id="divTable"; class="zone"></div> </body></html>這是 JavaScript 代碼：var img = document.createElement("img");img.src="/Tables/table.png";var src = document.getElementById("divTable");src.appendChild(img);這是CSS代碼：body{ background: url('/Tables/Riviera.jpeg'); height: 100vh; background-size: cover; background-position: center; background-repeat: no-repeat;}.zone{ background: rgba(200, 200, 200, 0.7); width: 1000px; height: 600px; margin-left: 200px; }當(dāng)我在網(wǎng)絡(luò)瀏覽器上運(yùn)行代碼時(shí)，顯示的 div 中沒(méi)有圖像。
1 回答
MMMHUHU
TA貢獻(xiàn)1834條經(jīng)驗(yàn) 獲得超8個(gè)贊
該腳本在divTable添加到 DOM 之前運(yùn)行，因此該行document.getElementById("divTable")返回null。將標(biāo)簽移動(dòng)script到主體的末尾可確保該divTable元素在運(yùn)行之前位于 DOM 中g(shù)etElementById。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="tablezone.css">
</head>
<body>
<div id="divTable" class="zone"></div>
<script src="table.js"></script>
</body>
</html>
- 1 回答
- 0 關(guān)注
- 166 瀏覽
添加回答
舉報(bào)
0/150
提交
取消