如何移除指定id的span的内容？

[wtoeb]

以下span是由js生成的：
document.getElementById("filelist").insertAdjacentHTML("beforeEnd",'<span id="f_0"><a href="./a.aspx?id=1">一行</a></span><span id="f_0">删除</span>');

<div id="filelist">
<span id="f_0"><a href="./a.asp?id=1">一行</a></span><span id="f_0">删除</span>
<span id="f_1"><a href="./a.asp?id=2">一行</a></span><span id="f_1">删除</span>
<span id="f_2"><a href="./a.asp?id=3">一行</a></span><span id="f_2">删除</span>
<span id="f_3"><a href="./a.asp?id=4">一行</a></span><span id="f_3">删除</span>
</div>
如何实现，点击“一行”的时候，则将id="file_0"的span标签去掉。其它行同理。

[孟子E章]

document.getElementById("file_0").parentNode.removeChild(document.getElementById("file_0"))

[wtoeb]

孟大哥，只能删除其中一个，比如删除前面的“一行”的span，而后面的“删除”的span无法删除掉。

[孟子E章]

document.getElementById("filelist").innerHTML=""

[孟子E章]

删除全部
document.getElementById("filelist").innerHTML=""


也可以
for(i = 0;i<4;i++)
document.getElementById("file_"+i).parentNode.removeChild(document.getElementById("file_"+i))

[wtoeb]

我是这样做的，把i<=x.length就行了，而x<length就不行，不知道为什么，反正解决了问题，谢谢亲爱的孟哥。
document.getElementById("filelist").insertAdjacentHTML("beforeEnd",'<span id="file_4" name="file_4" onclick="tagsErase(this);return false;"><a href="./attachment.aspx?id=54" target="_blank"><font color="#ff0000">删除</font></a></span>  ');

function tagsErase(param)
{
var x=document.all[param.id];
for(var i=0; i<=x.length;i++)
{
document.getElementById(param.id).parentNode.removeChild(document.getElementById(param.id));
}
return false;
}