dom - Give Span ID (ONE BY ONE) using Javascript -

i have many span lists like

<span id="current"> hello </span> <span> </span> <span> </span> <span> here</span> 

i performing action using javascript

document.onkeypress = function(evt) { }; 

and want span id="current" vanish , next element i.e <span> </span> gets id="current".

demo here

 var = 1;     document.onkeypress = function (evt) {          var element = document.getelementbyid('current');         alert(element.textcontent);         var sibling = element.parentnode.children;         element.attributes.id.nodevalue = "newid" + i;         sibling[i].id = "current";         i++;     };