محرر ويب أونلاين

<!DOCTYPE html>
<html>
    <body>
		
		<button onclick="cloneTemplateContent()">Clone template content</button>
		
		
		<template id="demo">
			<h2>The Template Tag</h2>
			<p>The temaplte tag is used to render the content after the
			page is loading.</p>
			<hr>
		</template>
		
		
		<script>
			function cloneTemplateContent() {
				if (document.createElement("template").content) {
					var temp = document.getElementById("demo");
					var clon = temp.content.cloneNode(true);
					document.body.appendChild(clon);
				}
				else {
					alert("Oops.. Your browser doesn not supports the template tag!");	
				}
			}
		</script>
    </body>
</html>