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=`HTMLGOESHERE` Lorsque j'utilise ceci sur mon site Web, je veux que le div soit centré et visiblement, ça marche car il crée le div (testé en console), mais je ne le vois pas. Je n'utilise pas JQuery, mais je pourrais le faire si nécessaire. je

P粉852114752 · Answer

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 !