我的程式碼如下:
g = document.createElement('div'); g.setAttribute("id", "divcontainer"); g.innerHTML = ` HTML GOES HERE `
當(dāng)我在網(wǎng)站上使用它時(shí),我希望 div 居中且可見,它正在工作,因?yàn)樗鼊?chuàng)建了 div(在控制臺(tái)中測(cè)試過),但我看不到它。
我沒有使用 JQuery,但如果需要,我可以。我的目標(biāo)是擁有一個(gè) UI 類型的東西。
您的程式碼僅建立元素但不將其新增至DOM,為此您必須使用document.body.appendChild(element)
並將該元素新增至body 元素,您也可以使用相同的方法加入內(nèi)部元素以及透過id 或QuerySelector 選擇的元素。
您可以如下修改程式碼:
g = document.createElement('div'); g.setAttribute("id", "divcontainer"); g.innerHTML = `HTML GOES HERE`; document.body.appendChild(g);
如果要新增多個(gè)元素,可以使用 append()
而不是 appendChild()
。
document.body.append(g,g2,g3,g4)
#希望有幫助!