How to create HTML <template> Tag
Use <template> to hold some content that will be hidden when the page loads. Use JavaScript to display it:
index.html
Example:
HTML
<button onclick="showContent()">Show hidden content</button>
<template> <h2>Flower</h2> <img src="img_white_flower.jpg" width="214" height="204">
</template>
<script>
function showContent() { let temp = document.getElementsByTagName("template")[0]; let clon = temp.content.cloneNode(true); document.body.appendChild(clon);
}
</script>
Output should be:
|
Type
: |
html |
|
Category
: |
Web Tutorial |
|
Sub Category
: |
HTML Tag |
|
Uploaded by
: |
Admin |