Comment ajouter du texte dans une page html en utilisant javascript ?

Exemples de comment ajouter du texte dans une page html en utilisant javascript:

Table des matières

Ajouter du texte en utilisant innerHTML
Ajouter du texte avec createTextNode()
Références

Ajouter du texte en utilisant innerHTML

<!DOCTYPE html>
<html lang="en" dir="ltr">
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>

        <div id="intro">
                <h1>Learning Javascript</h1>
                <p>First paragraph</p>
        </div>

        <script>

            document.querySelector("#intro").innerHTML +=
                "<p>Second paragraph</p>";

        </script>

    </body>
</html>

Comment ajouter du texte dans une page html en utilisant javascript ?

Ajouter du texte avec createTextNode()

Une autre solution:

    <!DOCTYPE html>
    <html lang="en" dir="ltr">
        <head>
            <meta charset="utf-8">
            <title></title>
        </head>
        <body>

            <div id="intro">
                    <h1>Learning Javascript</h1>
                    <p>First paragraph</p>
            </div>

            <script>

                var mytag = document.createElement('p');
                var mytext = document.createTextNode('Second paragraph');

                mytag.appendChild(mytext);

                var div = document.querySelector("#intro");

                div.appendChild(mytag);

            </script>


        </body>
    </html>

Références

Développeur à mes heures perdues, je m’intéresse à la télédétection terrestre et à la détection des incendies par satellite. Passionné par Python, le machine learning et la science ouverte.

Comment ajouter du texte dans une page html en utilisant javascript ?

Ajouter du texte en utilisant innerHTML

Ajouter du texte avec createTextNode()

Références

Benjamin

Skills