• JavaScript HTML DOM - Changer HTML

    Par White Tendance dans JavaScript le 19 Octobre 2018 à 04:25

    JavaScript HTML DOM - Changer HTML

     Le code HTML DOM permet à JavaScript de modifier le contenu des éléments HTML.

    Modification du flux de sortie HTML

    JavaScript peut créer du contenu HTML dynamique:

    Date: ven 19 octobre 2018 04:21:30 GMT + 0200 (heure d' été d' Europe)

    En JavaScript, document.write () peut être utilisé pour écrire directement dans le flux de sortie HTML:


    <!DOCTYPE html>
    <html>
    <body>
    <script>document.write(Date()); </script>
    </body></html>

    Ne jamais utiliser document.write () après que le document soit chargé. Il remplacerait le document.
    Exemple

    <!DOCTYPE html>
    <html>
    <body>

    <script>
    document.write(Date());
    </script>

    <button onclick="changedate()"><span style="background-color: #000000; color: #ffffff;">Avancez la date de 12 heures</span></button>

    <script>
    function changedate() {
    document.write(Date())+12 ;
    }
    </script>

    <button onclick="recharge()"><span style="background-color: #000000; color: #ffffff;">Rechargez la page</span></button>

    <script>
    function recharge() {
    location.reload();
    }
    </script>

    </body>
    </html> 

    Résultat de l'exemple