Saya telah mencipta elemen dalam CSS tulen melalui penanda halaman. Ia dicipta tetapi tidak kelihatan

Question

Kod saya adalah seperti berikut:

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

g.innerHTML = `

HTML GOES HERE

`

Apabila saya menggunakan ini di tapak web, saya mahu div dipusatkan dan kelihatan, ia berfungsi kerana ia mencipta div (diuji dalam konsol) tetapi saya tidak dapat melihatnya.

Saya tidak menggunakan JQuery, tetapi saya boleh jika perlu. Matlamat saya adalah untuk mempunyai perkara jenis UI.

Answer 1

Kod anda hanya mencipta elemen tetapi tidak menambahkannya pada DOM, untuk ini anda perlu menggunakan document.body.appendChild(element) dan menambah elemen itu pada elemen badan, anda juga boleh menggunakan kaedah yang sama untuk menambah elemen dalaman dan elemen yang dipilih oleh id atau QuerySelector .

Anda boleh mengubah suai kod seperti berikut:

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

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

Jika anda ingin menambah berbilang elemen, anda boleh menggunakan append() 而不是 appendChild().

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

Semoga ini membantu!