Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Der Titel des Dokuments</title> </head> <body> <template id="myTemplate"> <p>Der Inhalt der Vorlage.</p> </template> <div id="normalContent"> <p>Erster Absatz</p> </div> <!-- Die Funktion JavaScript: Kloniert Template und fügt einfacher Inhalt hinzu --> <button onclick="useTemplate();">Inhalt anzeigen</button> <script> function useTemplate() { var myTemplate = document.getElementById('myTemplate'), normalContent = document.getElementById('normalContent'), clonedTemplate = myTemplate.content.cloneNode(true); normalContent.appendChild(clonedTemplate); } </script> </body> </html>