Element template

Element HTML template służy do przechowywania fragmentów kodu HTML, które powinny być ukryte przed użytkownikiem w trakcie ładowania strony, ale mogą być potrzebne później.

Jak jego nazwa wskazuje (ang. template – szablon), reprezentuje on szablon, którego można użyć do renderowania fragmentów treści HTML generowanych dynamicznie za pomocą JavaScriptu.

Przykład użycia elementu HTML template


<button onclick="pokazSzablon()">Pokaż raport</button>
<template>
  <p>To jest bardzo ważny raport.</p>
</template>

<script>
  function pokazSzablon() {
    const szablon = document.getElementsByTagName('template')[0].content.cloneNode(true);
    document.getElementById("kontener").appendChild(szablon);
  }
</script>
<div id="kontener"></div>

Wynik

Kontekst użycia

Elementy nadrzędneElementy metadanych, elementy treści syntagmatycznej, elementy skryptowe, element colgroup bez atrybutu span
Brak
ZnacznikiZnaczniki otwierający i zamykający są obowiązkowe
Interfejs DOMHTMLTemplateElement

Atrybuty obowiązkowe

Element template nie ma atrybutów obowiązkowych.

Atrybuty opcjonalne

Element template obsługuje atrybuty globalne i atrybuty zdarzeniowe.

Podobał Ci się ten artykuł?

Oceń go!

Średnia 0 / 5. Liczba głosów: 0

Jeszcze nikt nie głosował. Wyprzedź innych i zagłosuj.

Skoro spodobał Ci się ten artykuł...

Poleć go znajomym!

Ojej :( Powiedz nam, co powinniśmy poprawić!

Jajko z dzwonkiem
Podoba Ci się ta strona?

Pomóż nam się rozwijać, wykupując płatne konto. Dzięki temu będziemy mogli tworzyć dla Ciebie jeszcze więcej ciekawych treści, a Ty pozbędziesz się reklam.

Dodaj komentarz

cztery × pięć =