Replace allt mellan <span ID="X">XXXXX</span> i sträng

Hej

Jag har strängen:
str = "<span id="1">lite text</span><span id="2">lite mer text</span>"

så vill jag med en funktion där man skickar med ett nr ta bort spanlagret med id på det numret man skcikade till funktionen:

Exempel:

function ersatt(s){
  //tabortlagret med id=1
}

Så ska stängen få detta utseende efter ersättningen:
str = "<span id="2">lite mer text</span>"

Hur gör man detta?

Måste det ske redan i strängen?
Annars kan jag förslå denna lösning:

 
<script>
function taBort(tid){
  str = "<span id="1">lite text</span><span id="2">lite mer text</span>";
  // Lägg till spans
  document.getElementById("outerdiv").innerHTML = str;
  // Ta bort en span
  document.getElementById(tid).outerHTML = "";

}
</script>

<div id="outerdiv">
</div>

P.S. Har du kollat på Array-berskrivningen?

Din lösning var alldeläs utmärkt!

Acceptera svaret då...

oops glömde! Ursäkta!