У меня есть шаблон HTML, который я заполняю, используя Javascript, когда вызывается событие загрузки, и по какой-то причине сам базовый шаблон отображается, несмотря на то, что он не является частью массива, через который я зацикливаюсь, и я не могу понять, почему.Из моего понимания шаблоны показываются только при добавлении к телу документа, но базовый шаблон отображается в дополнение к добавленным шаблонам (за исключением последнего, поскольку базовый шаблон занимает первое место), и я могу убедиться в этом, изменив данные в базовом шаблоне.,
Я не могу использовать решение jQuery, поскольку оно будет считываться в веб-представление iOS через функцию, которая принимает только чистый Javascript.
Мой код выглядит следующим образом, если кто-то может объяснить, почемуисходный шаблон показывает себя, я был бы очень признателен.Я искал решение, но ничего не нашел и думаю, что, может быть, я неправильно понимаю, как работает шаблон.
<script>
var titles = ["Item1", "Item2", "Item3", "Item4", "Item5"];
function addGalleryItem() {
var template = document.querySelector("#galleryTemplate");
var label = template.content.querySelector(".caption");
var node;
for (var i = 0; i < titles.length; i++) {
node = document.importNode(template.content, true);
label.innerHTML = titles[i];
document.body.appendChild(node);
}
}
</script>
<html>
<body onload="addGalleryItem()">
<template id="galleryTemplate">
<div class="galleryItem">
<img class="galleryImage" src="img.png" alt="Unknown-1" width="275" height="183">
<div class="caption">
<label></label>
</div>
</div>
</template>
</body>
</html>