javascriptでイベントグローバルコールバックを追加

Question

div.circle_thumb>imgイベントにonerror関数を追加します。

ここで、このようなそれぞれのimgタグをonerrorイベントに追加しました。

<div class="circle_thumb" ><img src="some/url" onerror="this.src=url/to/replaced" /></div>

しかし、これはあまりにも私を悩ま。

このコールバックをグローバルに追加できますか？

Answer 1

あなたはこの

[].forEach.call(document.querySelectorAll('div.circle_thumb>img'), function(img) { 
    img.addEventListener('error', function(e) { 
    this.src='../img/logo.png'; 
    }); 
}); 

またはES2015 +

Array.from(document.querySelectorAll('div.circle_thumb>img')).forEach(img => img.addEventListener('error', e => img.src='../img/logo.png')); 

Answer 2

でjQueryのバージョンのようにJavaScriptを使用することができます。

jQuery.each($('div.circle_thumb > img'), function(index, image){ 
    image.addEventListener('error', function(e) { 
     image.src='../img/logo.png'; 
    }); 
});