Есть примерно такой html:
<div class="wpb_wrapper">
<div class="wpb_text_column wpb_content_element card-block1 vc_custom_1436266206902"></div>
<div class="wpb_text_column wpb_content_element card-block2 vc_custom_1436266225823"></div>
<div class="wpb_text_column wpb_content_element card-block3 vc_custom_1436266241114"></div>
</div>
Суть: нужно взять массив и сравнивать элементы с назначенным computed цветом блоков. Если цвет совпадает, то назначить hover через mouseover.
Вот что получилось:
<script type="text/javascript">
window.onload=function() {
var promoBlocks=document.querySelectorAll('#promo-cards .wpb_wrapper .wpb_content_element');
for(i in promoBlocks) {
var chaseSel=getComputedStyle(promoBlocks[i]).backgroundColor;
var col1='rgb(67, 155, 213)';
if (chaseSel===col1){
promoBlocks[i].addEventListener('mouseover', function(event) {
event.style.background='url(/wp-content/themes/salient/img/jam-hov.jpg) no-repeat 50% 50%';
});
};
};
};
</script>
Элементы находятся, но при наведении выдается ошибка Uncaught TypeError: Cannot set property 'background' of undefined. Помогите, пожалуйста, начинающему.