Comment ajouter du contenu au corps html en utilisant JS?

J'ai beaucoup de <section> dans mon html <body> et souhaitez ajouter plus de grâce à javascript. Cependant, l'utilisation de innerHTML est juste le remplacement de mon les sections existantes, par de nouvelles, au lieu de les ajouter aux anciennes.

Quoi d'autre puis-je utiliser?

source d'informationauteur apr

  1. 32

    Vous pouvez utiliser

    document.getElementById("parentID").appendChild(/*..your content created using DOM methods..*/)

    ou

    document.getElementById("parentID").innerHTML+= "new content"
  2. 13

    Je pense que si vous voulez ajouter du contenu directement sur le corps, la meilleure façon est:

    document.body.innerHTML = "bla bla";

    ou

    document.body.innerHTML = document.body.innerHTML + "bla bla";
  3. 2

    Essayer la syntaxe suivante:

    document.body.innerHTML += "<p>My new content</p>";
  4. 2

    Vous utilisez probablement 

    document.getElementById('element').innerHTML = "New content"

    Essayez plutôt ceci: 

    document.getElementById('element').innerHTML += "New content"

    Ou, de préférence, utiliser DOM La Manipulation:

    document.getElementById('element').appendChild(document.createElement("div"))

    De manipulation du Dom serait privilégiée par rapport à l'utilisation innerHTMLparce que innerHTML simplement les décharges d'une chaîne de caractères dans le document. Le navigateur devra analyse l'ensemble du document pour obtenir stucture.

  5. -1

    Juste:

        document.getElementById('myDiv').innerHTMl += "New Content";