Jvascript, Show the First Image only

<style>
.entry2{border:1px solid black;width:300px;height:200px;}
</style>

<script type="text/javascript">
window.onload=function(){
var ent=document.getElementsByClassName('entry2').getE  lementsByTagName(img);
for (i=0;i<ent.length;i++){
ent[i].style.display="none";
}
}
</script>


<div class="entry2">
<img src="firstimagedotgif">
<img src="secondimagedotgif">
</div>

Original - Javascript Code window.onload = function() { var ent = document.getElementsByClassName('entry2').getEleme ntsByTagName('img'); for (i=0; i<ent.length; i++) ent[i].style.display = 'none'; // Hide everything. ent[0].style.display = 'block'; // Show the first one. }

window.onload = function() {
  var ent = document.getElementsByClassName('entry2').getEleme  ntsByTagName('img');
  for (i=0; i<ent.length; i++) ent[i].style.display = 'none'; // Hide everything.
  ent[0].style.display = 'block'; // Show the first one.
} 

Original - Javascript Code for (var i=0, var len = ent.length; i<len; i++) var len = ent.length; for (var i=0; i<len; i++)

for (var i=0, var len = ent.length; i<len; i++)
 
var len = ent.length;
for (var i=0; i<len; i++)