JS 操作 DOM 的问题！

[lanzat]

大家好！

<div class="relevant-column-content" id="s">
<ul>
<li><a href="http://www.google.com/">Google</a></li>
<li><a href="http://www.bing.com/">Bing</a></li>
</ul>
</div>
<script type="text/javascript">
var a = document.getElementById("s").getElementsByTagName("a");
var i = 0;
for (i = 0;i < a.length; i++)
{
if (a.item(i).href == "http://www.bing.com")
{

var removenode = document.getElementById("s").getElementsByTagName("a").parentNode.remove();
}
}
</script>

问题：我需要删除Bing所在的li节点，上述代码不对，请告诉我该如何修改。谢谢了！

[zhaining522]

<div class="relevant-column-content" id="s">
            <ul>
                <li> <a href="http://www.google.com/">Google </a> </li>
                <li> <a href="http://www.bing.com/">Bing </a> </li>
                </ul>
            </div>
<script type="text/javascript">
var a = document.getElementById("s").getElementsByTagName("a");
var i = 0;
for (i = 0;i < a.length; i++)
{

if (a.item(i).href == "http://www.bing.com/")
{
var removenode = a.item(i).removeNode();
}
}
</script> 

[lanzat]

不对啊，提示：

Uncaught TypeError: Object http://www.bing.com/ has no method 'removeNode'

[flesu]

不是getElementsByTagName("a")
而是getElementsByTagName("Anchor").

[shan1119]

<div class="relevant-column-content" id="s"> 
    <ul> 
        <li> <a href="http://www.google.com/">Google </a> </li> 
        <li> <a href="http://www.bing.com/">Bing </a> </li> 
        </ul> 
</div> 
<script type="text/javascript"> 
var a = document.getElementById("s").getElementsByTagName("a"); 
var i = 0; 
for (i = 0;i < a.length; i++) 
{
if (a.item(i).href == "http://www.bing.com/") 
{ 
  for(var j=a.item(i).parentNode.childNodes.length-1;j>=0;j--)
    a.item(i).parentNode.removeNode(a.item(i).parentNode.childNodes[j]); 
} 
} 
</script>

[liuhuiyang119]

<div id="s">
<ul>
<li> <a href="http://www.google.com/">Google </a> </li>
<li> <a href="http://www.bing.com/">Bing </a> </li>
</ul>
</div>
<script language="javascript">
var a = document.getElementById("s").getElementsByTagName("a");

var i = 0;
for (i = 0;i < a.length; i++)
{

if (a.item(i).href == "http://www.bing.com/")
{

var removenode = a.item(i).parentNode.removeNode();
}
}
</script>

[lanzat]

<script type="text/javascript">
var a = document.getElementById("s").getElementsByTagName("a");
var i = 0;
for (i = 0;i < a.length; i++)
{
if (a.item(i).href == "http://www.swliuxue.com/newindex/content.asp?id=4074")
{
var removenode = a.item(i).parentNode.removeNode();
}
}
</script>


这段还是不对，提示错误：

Uncaught TypeError: Object #<an HTMLLIElement> has no method 'removeNode'

[艾思软件-app开发公司]

尽量在原作者的基础上修改

<div class="relevant-column-content" id="s"> 
	<ul> 
	    <li> <a href="http://www.google.com/">Google </a> </li> 
	    <li> <a href="http://www.bing.com/">Bing </a> </li> 
    </ul> 
</div> 
<script type="text/javascript"> 
    var a = document.getElementById("s").getElementsByTagName("a"); 
	for (var i = 0;i < a.length; i++) 
	{ 
		if (a.item(i).href == "http://www.bing.com/") 
		{
			var removenode =a[i].parentNode.parentNode.removeChild(a[i].parentNode); 
		} 
	} 
</script> 

[lanzat]

谢谢 windzjp 以及大家的帮助！

最后 windzjp 的解答解决了问题。 :-)

[艾思软件-app开发公司]

还要注意removeNode FF 不支持哦

[jiujiang88]

引用 7 楼 windzjp 的回复:

尽量在原作者的基础上修改

JScript code<div class="relevant-column-content" id="s"><ul><li><a href="http://www.google.com/">Google</a> </li><li><a href="http://www.bing.com/">Bing</a> </li></ul></div><script type="text/javascript">var a= document.getElementById("s").getElementsByTagName("a");for (var i=0;i< a.length; i++)
{if (a.item(i).href=="http://www.bing.com/")
{var removenode=a[i].parentNode.parentNode.removeChild(a[i].parentNode);
}
}</script>

不错,顶下.