Как изменить стили через javascript?

Question

[Alide]

Вот вообщем есть такой скрипт, который меняет высоту всех элементов под высоту первого элемента

<script>
var els = document.querySelectorAll("a[href='/products/962112']");

for (var i = 0, l = els.length; i < l; i++) {
var el = els[i];
el.innerHTML = el.style.height;
}
document.querySelector('.product').style.height = el.style.height; 
</script>

Но не работает , если делаю классы, работает , когда есть ID , но id сервис возможности не дает добавить к элементу
То есть работает , когда вместо document.querySelector('.product').style.height = el.style.height; написано document.getElementsById('product').style.height = el.style.height; Т.е работает только с ID , как сделать, чтобы можно работало с классами? document.getElementsByClassName тоже не получается

Comments

[Alide]

VicTHOR, .product классов очень много однотипных товаров и надо , чтобы он у всех заменил , абсолютно у всех , где .product

[Алексей]

Всмысле он меняет под высоту первого ? ты прогоняешь циклом и в el у тебя последний элемент

[Алексей]

VicTHOR, querySelector же всегда возвращал ссылку только на первый найденый элемент, откуда у него форич

[Алексей]

Alide, Я вот только не понял зачем второй раз цеплять одни и теже элементы, это ведь все также продукты.

var els = document.querySelectorAll("a[href='/products/962112']");
for (var i = 0, l = els.length; i < l; i++) {
	els[i].style.height = els[0].style.height;
}

если хочешь можешь условие добавить по типу иф i !== 0, но оно нафиг не нужно