Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Заголовок документа</title> </head> <body> <template id="myTemplate"> <p>Содержимое шаблона</p> </template> <div id="normalContent"> <p>Обычный параграф.</p> </div> <!-- функция JavaScript: Клонирует template и добавляет в обычный контент --> <button onclick="useTemplate();">Показать содержимое</button> <script> function useTemplate() { var myTemplate = document.getElementById('myTemplate'); normalContent = document.getElementById('normalContent'); clonedTemplate = myTemplate.content.cloneNode(true); normalContent.appendChild(clonedTemplate); } </script> </body> </html>