我正在嘗試在 js 檔案中創建一個元素，然后將其添加到游戲所在的 html div
我正在嘗試創建一個 createMine 函式，該函式創建一個具有 .mine 樣式的新元素，然后將其添加到 html 游戲 d??iv。
var newMine = document.createElement("div");
newMine.classList.add(".mine");
document.getElementById("game").appendChild(newMine);.mine {
width: 20px;
height: 20px;
background-color: blue;
position: relative;
display: inline;
}<div id="game">
<button id="startButton">Click To Start</button>
<div id="gameElements">
<div id="character">
</div>
</div>
</div>uj5u.com熱心網友回復：
您的代碼作業正常，但有兩個問題：
newMine.classList.add(".mine");應該是newMine.classList.add("mine");（.添加類時不要使用，它的唯一目的是告訴 CSS 下面是一個 CSS 類）。display: inline不接受的元素height或width。使用display: inline-block來代替。
uj5u.com熱心網友回復：
var newMine = document.createElement("div");
newMine.classList.add("mine");
document.getElementById("game").appendChild(newMine);.mine{
width: 20px;
height: 20px;
background-color: blue;
position: relative;
display: inline-block;
}<div id="game">
<button id="startButton">Click To Start</button>
<div id="gameElements">
<div id="character"></div>
</div>
</div>使用 classlist 時，不要在開頭寫一個點以使其正常作業。正如@connexo 所說，使用 inline-block
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/404703.html
標籤：
上一篇：我想在不使用引導程式的情況下在HTML和CSS中設定表單后面的影像
下一篇：NodeJS創建檔案但沒有文本