Использование InnerHTML для создания шаблона.

for (let i = 0; i < value.length; i++) {
 
        // создаем HTML для каждого артикля
        let articles = document.getElementById('articles');
        let div = document.createElement('div');
        articles.appendChild(div);
        div.className = "camera";
 
        // добавляв в каждый ДИВ
        let camera = document.getElementsByClassName('camera');
        camera[i].innerHTML = (
            value[i].lenses + "<br>" + 
            value[i]._id + "<br>" + 
            value[i].name + "<br>" + 
            value[i].price + "<br>" +
            value[i].description + "<br>" +
            value[i].imageUrl + "<br><br>" );
        console.log(value[i]);
 
    };

element.innerHTML = (' <div class="ligne">
                <article class="produits">
                </article>
                <article class="produits">
                </article>
            </div>');

element.innerHTML = ''; // очищаем когда просто записываем
for(let i = 0; i < 10; i++) {
  // дописываем к существующему значению
  element.innerHTML += (' <div class="ligne">
                <article class="produits">
                </article>
                <article class="produits">
                </article>
            </div>');
 
  // что равносильно
  element.innerHTML = element.innerHTML + (' <div class="ligne">
                <article class="produits">
                </article>
                <article class="produits">
                </article>
            </div>');
}

temp1
<div id=​"post_message_15452930" style=​"margin:​ 2px 2px 2px 5px;​">​…​</div>​
temp1.innerHTML += 'test'
"\n\t\t\t\n\n\n\n\t\t\t<code class=\"inlinecode\">innerHTML +=</code> как строковая операция полностью перезаписывает <code class=\"inlinecode\">innerHTML</code>, стирая существовавшие элементы; почему бы не использовать <code class=\"inlinecode\">insertAdjacentHTML()</code>?\n\n\n\n\t\ttest"