evento onclick de la etiqueta img

Question

Aquí está mi código:

<div id="cmdt_1_1d" class="dt_state1" onclick="sel_test(this.id)"> 
<img id="cmdt_1_1i" onclick="dropit('cmdt_1_1');" src="/site/hitechpackaging/images/items/bags_menu.jpg "> 
<span class="dt_link"> 
<a href="javascript://">BAGS</a> 
</span> 
</div> 

Por desgracia, no puede modificar este archivo, hay una manera de desactivar el uso de JavaScript para la onclick solamente de la etiqueta img.

Estaba usando esta secuencia de comandos pero deshabilita el evento onclick de todas las imágenes. Pero quiero solamente de este componente

var anchorElements = document.getElementsByTagName('img'); 
// for (var i in anchorElements) 
// anchorElements[i].onclick = function() { 
     // alert(this.id); 
//  return false; 
// } 

Cualquier idea será apreciada.

Editado: ¿Hay alguna manera de detener la ejecución de la función dropit, es posible usar javascript. En la carga de la página, etc.

Otra opción es ¿puedo cambiar el nombre del archivo img usando javascript?

Answer 1

var eles = document.getElementById('cmdt_1_1d').getElementsByTagName('img'); 
for (var i=0; i < eles.length; i++) 
    eles[i].onclick = function() { 
    return false; 
    } 

Answer 2

intentar algo como esto:

var badImage = document.getElementById("cmdt_1_1i"); 
badImage.onclick = null; 
badImage.addEventlistener("click",function(e){ 
    e.preventDefault(); 
    e.stopPropagation(); 
    return null; 
},true); 

Answer 3

document.getElementById('cmdt_1_1i').removeAttribute("onclick"); 

Answer 4

Un montón de respuestas, pero la más sencilla es:

document.getElementById('cmdt_1_1i').onclick = '';