JS 操作 DOM 的问题！

Question

大家好！<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节点，上述代码不对，请告诉我该如何修改。谢谢了！

Answer 1

<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> 

Answer 2

不对啊，提示：Uncaught TypeError: Object http://www.bing.com/ has no method 'removeNode'

Answer 3

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

Answer 4

<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>

Answer 5

<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> 

Answer 6

<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'

Answer 7

尽量在原作者的基础上修改<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> 

Answer 8

谢谢 windzjp 以及大家的帮助！最后 windzjp 的解答解决了问题。 :-)

Answer 9

还要注意removeNode   FF 不支持哦