Замените innerHTML всех div с одним и тем же классом

Question

Я хочу заменить innerHTML всех элементов div с классом "count" на: items1.innerHTML.

Как я могу это сделать?

Answer 1

Вот, пожалуйста:

var items = document.getElementById( 'items' ),
    divs = document.getElementsByClassName( 'count' );

[].slice.call( divs ).forEach(function ( div ) {
    div.innerHTML = items.innerHTML;
});

Живая демоверсия: http://jsfiddle.net/MGqGe/

Я использую это [].slice.call( divs ) для преобразования NodeList в обычный массив, чтобы я мог вызвать для него метод forEach.

Кстати, осторожнее с innerHTML . Лично я бы использовал библиотеку (например, jQuery) для клонирования содержимого.

Answer 2

вы можете сделать это с помощью jQuery таким образом

$("div.count").html("new content");