HTML Templates: Difference between revisions
No edit summary |
No edit summary |
||
| Line 15: | Line 15: | ||
</code> | </code> | ||
< | <!-- const template = document.createElement('template') | ||
const template = document.createElement('template') | |||
template.innerHTML = ` | template.innerHTML = ` | ||
| Line 41: | Line 40: | ||
// define a custom element called 'nav-bar' using the navBar class | // define a custom element called 'nav-bar' using the navBar class | ||
customElements.define('nav-bar', navBar) | customElements.define('nav-bar', navBar) | ||
</code> | </code>--> | ||
Revision as of 19:27, 7 January 2026
//creating template
<template>
<section>
HTML Templates
everything in a template tag is not displayed on the browser.
</section>
</template>
//using template
const template = document.querySelector('template')
const clone = template.content.cloneNode(true)
document.querySelector('main').appendChild(template)