getElementByClassName для динамически создаваемых элементов

Question

Я создал несколько дивы динамически с JavaScript:

<div class="tile"></div> 
<div class="tile"></div> 
<div class="tile"></div> 
<div class="tile"></div> 

Теперь я хочу, чтобы выбрать эти дивы и изменять их размеры, как так:

var singleTiles = document.getElementsByClassName('tile'); 
singleTiles.style.width = '10px'; 
singleTiles.style.height = '10px'; 

Но это Безразлично» похоже, работает. Я предполагаю, что элементы были добавлены динамически. Есть ли другой способ сделать это?

Answer 1

document.getElementsByClassName, он возвращает массив всех дочерних элементов, которые имеют любое из заданных имен классов. Здесь элементы - это HTMLCollection найденных элементов. Поэтому вам нужно пройти через него.

Использование

var singleTiles = document.getElementsByClassName('tile'); 
for(var i=0; i<singleTiles.length; i++) { 
    singleTiles[i].style.width = '10px'; 
    singleTiles[i].style.height = '10px'; 
}