Problème élément et insertBefore

Résolu
Utilisateur anonyme -  
 Utilisateur anonyme -
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. jordane45 Messages postés 30426 Date d'inscription   Statut Modérateur Dernière intervention   4 830
     
    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
    0
    1. Utilisateur anonyme
       
      Merci pour la 3ème fois, et c'était juste les 3 post que je bloqué.
      0