如何移除指定id的内容？

Question

1。用 DOM 的 removenode 系列方法 
2。用父 div 的 innerHTML 属性(通过字符串操作)

Answer 1

LZ 看看行不？<div id="filelist">
    <span id="f_0"><a href="./a.asp?id=1">一行</a></span><span id="f_0" onclick="deleteSpan('f_0');">删除</span>
    <span id="f_1"><a href="./a.asp?id=2">一行</a></span><span id="f_1" onclick="deleteSpan('f_1');">删除</span>
    <span id="f_2"><a href="./a.asp?id=3">一行</a></span><span id="f_2" onclick="deleteSpan('f_2');">删除</span>
    <span id="f_3"><a href="./a.asp?id=4">一行</a></span><span id="f_3" onclick="deleteSpan('f_3');">删除</span>
</div>
<script language="JavaScript">
<!--
function deleteSpan(sId)
{
    var oSpan = document.getElementById(sId);
    var oParent = oSpan.parentNode;
    oParent.removeChild(oSpan);
}
//-->
</script>

Answer 2

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

Answer 3

<div id="filelist">
<span id="f_0"><a href="./a.asp?id=1">一行</a></span><span id="f_0" onclick="this.previousSibling.removeNode(true);this.removeNode(true);">删除</span>
<span id="f_1"><a href="./a.asp?id=2">一行</a></span><span id="f_1" onclick="this.previousSibling.removeNode(true);this.removeNode(true);">删除</span>
<span id="f_2"><a href="./a.asp?id=3">一行</a></span><span id="f_2" onclick="this.previousSibling.removeNode(true);this.removeNode(true);">删除</span>
<span id="f_3"><a href="./a.asp?id=4">一行</a></span><span id="f_3" onclick="this.previousSibling.removeNode(true);this.removeNode(true);">删除</span>
</div>

Answer 4

指定id的内容还是指定的元素？
指定的内容
document.getElementById("指定id").innerHTML=""
指定的元素
document.getElementById("指定id").parentNode.removeChild(document.getElementById("指定id"))

Answer 5

LZ 把同一个 id 分给两个元素，简直就是自寻烦恼！改改凑合用，哈  <div id="filelist">
    <span id="f_0"><a href="./a.asp?id=1">一行</a></span><span id="f_0" onclick="deleteSpan('f_0', this);">删除</span>
    <span id="f_1"><a href="./a.asp?id=2">一行</a></span><span id="f_1" onclick="deleteSpan('f_1', this);">删除</span>
    <span id="f_2"><a href="./a.asp?id=3">一行</a></span><span id="f_2" onclick="deleteSpan('f_2', this);">删除</span>
    <span id="f_3"><a href="./a.asp?id=4">一行</a></span><span id="f_3" onclick="deleteSpan('f_3', this);">删除</span>
</div>
<script language="JavaScript">
<!--
function deleteSpan(sId, oSpan2)
{
    var oSpan = document.getElementById(sId);
    var oParent = oSpan.parentNode;
    oParent.removeChild(oSpan);
    oParent.removeChild(oSpan2);
}
//-->
</script>

Answer 6

<div id="filelist">
    <span id="f_0"><a href="./a.asp?id=1">一行</a></span><span id="f_0" onclick="deleteSpan();">删除</span>
    <span id="f_1"><a href="./a.asp?id=2">一行</a></span><span id="f_1" onclick="deleteSpan();">删除</span>
    <span id="f_2"><a href="./a.asp?id=3">一行</a></span><span id="f_2" onclick="deleteSpan();">删除</span>
    <span id="f_3"><a href="./a.asp?id=4">一行</a></span><span id="f_3" onclick="deleteSpan();">删除</span>
</div>
<script language="JavaScript">
<!--
function deleteSpan()
{
    var oSpan = event.srcElement;
    var oParent = oSpan.parentNode;
oParent.removeChild(oSpan.previousSibling);
oParent.removeChild(oSpan);
}
//-->
</script>

Answer 7

<span id="f_0"><a href="./a.asp?id=1">一行</a></span><span id="f_0" onclick="deleteSpan();">删除</span>楼主在每一行的两端加上一个大div 也好办
把第二个span的 id修改一下也好办就不用这项辛苦的写js了比如
<span id="f_0"><a href="./a.asp?id=1">一行</a></span><span id="f_0_del" onclick="deleteSpan();">删除</span>这样删除的代码不就好写了

Answer 8

删除什么你自己心里要清楚，创建的时候就应该设计出一种规律，而不是随意使用id
可以说删除方法多的很。这样删除的代码不就好写了？
你说出这样的代码有什么规律就能删除。你自己先说说看。DOM可以操作任何节点。
spans = document.getElementsByTagName("SPAN")
for(i = 0;i<spans.length;i++)
{
 //删除页面的全部span spans[i].parentNode.removeChild(spans[i])
 //删除id=f_0开头的的span 
if(spans[i].id.substr(0,3)=="f_0") spans[i].parentNode.removeChild(spans[i])
}