Remove onclick event from img tag

Question

Heres my code:

<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>

Unfortunately I cannot modify this file, is there a way using javascript to disable the onclick from the img tag only.

I was using this script but it disable the onclick event from all images. But i want only from this component

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

Any ideas will be appreciated.

Edited: Is there a way to stop the function dropit from executing, is it possible using javascript. On page load, etc.

another option is can i rename the img file using javascript??

Answer 1

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

Answer 2

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

Answer 3

Lots of answers, but the simplest is:

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