Если есть шаблон HTML-тега:
https://www.w3schools.com/tags/tag_template.asp
И есть шаблон (ES) литерала:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
</head>
<body>
<template id="tpl-article">
<article>
<h1>${article.title}</h1>
<p>${article.desc}</p>
</article>
</template>
<main id="content">Load content here..</main>
<script>
// These are article contents (JSON):
const articles = [
{
title: 'Little kittens are the best!',
desc: 'Little kittens are the best ones yet. I mean who doesnt love little pussycats really? EVERYBODY loves them!'
},
{
title: 'What type of cats you like?',
desc: 'The soft ones, fluffy ones? Which kitties you like?'
}
];
// Loop trough the articles:
articles.forEach(article => {
// .. match the html template and articles json somehow?
});
</script>
</body>
</html>
[ Посмотреть на jsfiddle ]
Можно ли извлечь шаблон из html-тега, преобразовать его в литерал шаблона и использовать его?