Beispiel:JS DOM document.createTextNode.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

<!doctype html> <html lang="de"> <head>

 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link rel="stylesheet" href="./Beispiel:Grundlayout.css">
 <title>Document.createTextNode</title>

<script> 'use strict'; (function () {

 function init() {

var button = document.getElementById('button'); button.addEventListener('click', erzeugeZeitStempel);

 }
 
 function erzeugeZeitStempel() {
   var zeitstempeltext = document.createTextNode(document.lastModified),
       textZuvor = document.createTextNode('Datum des letzten Updates: ');
   document.getElementById('absatz').appendChild(textZuvor);
   document.getElementById('absatz').appendChild(zeitstempeltext);
 }
 document.addEventListener('DOMContentLoaded',init);

}()); </script> </head>

<body id="seite">

Document.createTextNode

<main>

Bitte klicke auf den Button, wenn du den Zeitpunkt des letzten Udates erfahren willst!

   <button id="button">Los!</button>

</main>

</body> </html>