©TCP-tryWWW

<!DOCTYPE html>
<html lang="ko">
<head>
	<meta charset="UTF-8">
    <title>HTML template tag</title>
</head>
<body>

    <p>아래 버튼을 클릭하면, 웹 페이지에 그림이 나타납니다.</p>

    <button onclick="displayTemplate()">모나리자</button>

    <template>
        <h3>모나리자</h3>
        <img src="/examples/images/img_monalisa.png" alt="모나리자">
    </template>

    <script>
        function displayTemplate() {
            var frag = document.getElementsByTagName('template')[0];
            var copy = frag.content.cloneNode(true);
            document.body.appendChild(copy);
        }
    </script>
    	
</body>
</html>