JS 操作 DOM 的问题!

lanzat 2010-02-22 04:26:34
大家好!

<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节点,上述代码不对,请告诉我该如何修改。谢谢了!
...全文
123 10 打赏 收藏 举报
写回复
10 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
jiujiang88 2010-02-22
  • 打赏
  • 举报
回复
引用 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>

不错,顶下.
  • 打赏
  • 举报
回复
还要注意removeNode FF 不支持哦
lanzat 2010-02-22
  • 打赏
  • 举报
回复
谢谢 windzjp 以及大家的帮助!

最后 windzjp 的解答解决了问题。 :-)
  • 打赏
  • 举报
回复
尽量在原作者的基础上修改



<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 2010-02-22
  • 打赏
  • 举报
回复
<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'
liuhuiyang119 2010-02-22
  • 打赏
  • 举报
回复
<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>
shan1119 2010-02-22
  • 打赏
  • 举报
回复
<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>
flesu 2010-02-22
  • 打赏
  • 举报
回复
不是getElementsByTagName("a")
而是getElementsByTagName("Anchor").
lanzat 2010-02-22
  • 打赏
  • 举报
回复
不对啊,提示:

Uncaught TypeError: Object http://www.bing.com/ has no method 'removeNode'
zhaining522 2010-02-22
  • 打赏
  • 举报
回复

<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>
相关推荐
发帖
JavaScript

8.7w+

社区成员

Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
帖子事件
创建了帖子
2010-02-22 04:26
社区公告
暂无公告