Eliminar elemento dentro de un texarea al clicar botón (Qué hago mal?)

[RodrigoG]

Hola!

Tengo un textarea que contiene etiquetas html, quisiera eliminar el elemento span cuya id es "spanID"... es posible? qué hago mal en este ejemplo?

De ya muchas gracias

Código HTML:

<textarea cols="20" rows="5" id="input-body" >
<p>HolaMundo</p>
<p>Bla bla bla <span id='spanID'>jaja no me borras</span></p>
</textarea>
<input type="button" value="Borra" onclick="borraSpan()"/>
 

Código Javascript:

var span = document.getElementById("spanID");
function borraSpan(){
span.parentNode.removeChild(span);
}
 

Todo junto:

Código HTML:

<textarea cols="20" rows="5" id="input-body" >
<p>HolaMundo</p>
<p>Bla bla bla <span id='spanID'>jaja no me borras</span></p>
</textarea>
<input type="button" value="Borra" onclick="borraSpan()"/>

<script>
var span = document.getElementById("spanID");
function borraSpan(){
span.parentNode.removeChild(span);
}
</script>