Hämta alla span i en div

Hur gör jag för att hämta ut alla spans i en div och lägga dem i någon slags array som innehåller både id och namnet från span-taggarna?

<div id="mindiv">
  <span id="1">test1</span><br/>
  <span id="2">test2</span><br/>
  <span id="3">test3</span><br/>
</div>

function getSpans(parentel){
  var children = parentel.childNodes;
  var finalChildren = {};

  for (var i=0; i<children.length; i++){
    if (children[i].tagName=="SPAN"){
      finalChildren[children[i].tagName]=children[i];
    }
  }
}

...
var z=getSpans(document.getElementById("mindiv"));
alert(z[2].firstChild.nodeValue);

Till exempel...