Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Titre du document</title> </head> <body> <template id="myTemplate"> <p>Contenu du template</p> </template> <div id="normalContent"> <p>Le premier paragraphe</p> </div> <!-- La fonction JavaScript clone le modèle et l'ajoute au document. --> <button onclick="useTemplate();">Afficher le contenu</button> <script> function useTemplate() { var myTemplate = document.getElementById('myTemplate'); normalContent = document.getElementById('normalContent'); clonedTemplate = myTemplate.content.cloneNode(true); normalContent.appendChild(clonedTemplate); } </script> </body> </html>