The Document Object Model (DOM) is a programming API for HTML and XML documents. It defines the logical structure of documents and the way a document is accessed and manipulated. In the DOM specification, the term “document” is used in the broad sense – increasingly, XML is being used as a way of representing many different kinds of information that may be stored in diverse systems, and much of this would traditionally be seen as data rather than as documents.

Key Takeaways:

  • The creation of HTML elements in JavaScript is not favorable and create quite a hassle.
  • The tags may be used to save time by generating hundreds of tables.
  • Both the tags work with Shadow DOM, a type of document model.


“It’s useful when a code snippet has to appear only at certain times, or when you don’t want to type out hundreds of similarly structured HTML elements but want to automize the process”

Read more: http://www.hongkiat.com/blog/html-template-slow-tag-shadow-dom/