Problème élément et insertBefore

Résolu
Bonjour. J'ai créé un site et j'ai créé un fichier Js. Dans le fichier Js j'aimerais insérer du HTML depuis le Js.
Je sais pour par exemple pour insérer une balise p il faut faire ceci:
var Balise_p = document.createElement('p');
var Text_Balise_p = document.createTextNode('Ceci est une balise p');
Balise_p.id = 'lid';
Balise_p.className = 'LaClasse'
Balise_p.appendChild(Text_Balise_p);
var Body_Balise_p = document.querySelector('.Balise_p');
document.body.insertBefore(Balise_p, Body_Balise_p);


Tout se code donne en html:


<p id="lid" class="LaClasse">Ceci est une balise p</p>


Mais j'ai rencontré un souci, je ces comment insérer un élément mais je sais pas comment mettre une balise p dans une balise div

Ce que je veux est simple, ces de mettre le p dans la div (à l'intérieur comme se si)(avec le js):
<div id="Nomdeladiv" class="laclasse">
 <p class="laclasse">Météo</p>
 <p class="laclasse">Paris : 25</p>
</div>

Merci de m'aider et merci pour les réponses d'avances.

1 réponse

  1. Modérateur
    Bonjour,

    Tu peux utiliser append
    var parent = document.createElement("div");
    var p = document.createElement("p");
    parent.append(p);
    


    bien entendu... "parent" peut être un élément ciblé via son id
    parent = document.getElementById("id_div");
    


    PS: Cela fait plusieurs fois que j'édite tes messages pour y corriger les balises de code !
    Merci d'appliquer le contenu de ce lien lors de tes prochains messages : https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code
    1. Merci pour la 3ème fois, et c'était juste les 3 post que je bloqué.