Я пишу код для динамического заполнения списка сообщений в блоге. Каждая запись блога в списке имеет одинаковую структуру, но текстовое содержимое и другие атрибуты (например, href) различны.
Изначально я создавал каждую из них в функции JS. Функция будет вызывать document.createElement() для каждого элемента, который входит в сообщение.
Тогда я понял, что наличие одного «шаблона» сообщения в блоге в HTML послужит хорошей документацией того, как выглядит сообщение в списке. как структурно. Поэтому я решил переписать функцию JS, чтобы она вызывала Node.cloneNode() в сообщении «шаблона» для каждого сообщения в списке, а затем изменила текстовое содержимое, href, et c., Чтобы оно соответствовало актуальное содержание поста в блоге. В шаблоне есть display: none, который не устанавливается для каждого дублирующего элемента.
Есть ли какие-либо преимущества, кроме аспекта документации HTML, который идет с реализацией, на которую я переключился? Есть ли преимущества для полной реализации JS? Есть ли недостатки у любого подхода? Спасибо!