J'ai créé un élément en CSS pur via des signets. Il est créé mais n'est pas visible

Question

Mon code est le suivant :

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

g.innerHTML = `

HTML GOES HERE

`

Lorsque j'utilise ceci sur un site Web, je veux que le div soit centré et visible, cela fonctionne car il crée le div (testé en console) mais je ne le vois pas.

Je n'utilise pas JQuery, mais je peux si nécessaire. Mon objectif est d'avoir un truc de type UI.

Answer 1

Votre code crée uniquement l'élément mais ne l'ajoute pas au DOM, pour cela vous devez utiliser document.body.appendChild(element) et ajouter cet élément à l'élément body, vous pouvez également utiliser la même méthode pour ajouter des éléments internes et des éléments sélectionnés par id ou QuerySelector .

Vous pouvez modifier le code comme suit :

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

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

Si vous souhaitez ajouter plusieurs éléments, vous pouvez utiliser append() 而不是 appendChild().

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

J'espère que cela vous aidera !