问清除按钮与每个文本框，如IE (Javascript)

EN

window.onload = function(){
  var span = document.getElementsByClassName('clear'), i;
  for(i = 0; i < span.length; i++){
    (function(i){
      span[i].onclick = function(){
        span[i].parentNode.getElementsByTagName('INPUT')[0].value = ''; 
      };
    })(i);
  }
};

<form>
  <div class="wrapper">
    <input type="text" name="firstname" value="" class="textbox" />
    <span class="clear">x</span>
  </div>
  <div class="wrapper"> 
    <input type="text" name="lastname" value="" class="textbox" />
    <span class="clear">x</span>
  </div>
</form> 

.clear{
  position:absolute;
  top:2px;
  right:5px;
  cursor:pointer;
}

.textbox {
   width:100%;
}    

.wrapper {
  width:200px;     
  position:relative;
}  

document.getElementById('inputClear').onclick = function () {
    document.getElementById('inputText').value = "";
};

<span class="deleteicon">
    <input id="inputText" value="input here" type="text" />
    <span id="inputClear"></span>
</span>

span.deleteicon {
    position: relative;
}
span.deleteicon span {
    position: absolute;
    display: block;
    top: 4px;
    right: 4px;
    width: 16px;
    height: 16px;
    background: url('http://cdn.sstatic.net/stackoverflow/img/sprites.png?v=4') 0 -690px;
    cursor: pointer;
}
span.deleteicon input {
    padding-right: 20px;
}