Как собрать html объекты по количестве элементов массива?

Question

Kusmich @Kusmich

JavaScript

Как собрать html объекты по количестве элементов массива?

Есть массив url-лок. Нужно по количеству url-лов в массиве собрать теги img. Img-шный тег должен содержать класс "tableBanner1".

Вот пример массива:

var masive_picture  =    ["https://upload.wikimedia.org/wikipedia/commons/thumb/8/8b/Proton-K-Zarya.jpg/800px-Proton-K-Zarya.jpg", "https://upload.wikimedia.org/wikipedia/ru/3/31/Winniethepooh.jpg" ]

<img class="tableBanner1"  src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/8b/Proton-K-Zarya.jpg/800px-Proton-K-Zarya.jpg" />
<img class="tableBanner1"  src="https://upload.wikimedia.org/wikipedia/ru/3/31/Winniethepooh.jpg" />

Знаю, что нужно пройтись по массиву циклом, но не знаю как это должно выглядеть синтаксически. Как это сделать?

Вопрос задан более трёх лет назад
155 просмотров

Комментировать

Подписаться 1 Оценить Комментировать

Answer 1 · 2015-10-28 08:25:40

Можно вот так и без jquery :)

document.getElementById('result').innerHTML = masive_picture.map(function(src){
    return '<img class="tableBanner1" src="'+src+'">'
}).join('')

Как собрать html объекты по количестве элементов массива?

Войдите на сайт