我已經透過書籤在純 CSS 中創建了一個元素。它已創建，但不可見

Question

我的程式碼如下：

g = document.createElement('div');
g.setAttribute("id", "divcontainer");

g.innerHTML = `

HTML GOES HERE

`

當我在網站上使用它時，我希望 div 居中且可見，它正在工作，因為它創建了 div（在控制台中測試過），但我看不到它。

我沒有使用 JQuery，但如果需要，我可以。我的目標是擁有一個 UI 類型的東西。

Answer 1

您的程式碼僅建立元素但不將其新增至DOM，為此您必須使用document.body.appendChild(element) 並將該元素新增至body 元素，您也可以使用相同的方法加入內部元素以及透過id 或QuerySelector 選擇的元素。

您可以如下修改程式碼：

g = document.createElement('div');
g.setAttribute("id", "divcontainer");

g.innerHTML = `HTML GOES HERE`;
document.body.appendChild(g);

如果要新增多個元素，可以使用 append() 而不是 appendChild()。

document.body.append(g,g2,g3,g4)

#希望有幫助！