javascript 如何删除对应的节点
<ul><li>0<ahref="#">删0</a></li><li>1<ahref="#">删1</a></li><li>2<ahref="#">删2</a></li>...
<ul>
<li>0<a href="#">删0</a></li>
<li>1<a href="#">删1</a></li>
<li>2<a href="#">删2</a></li>
</ul>
如上题，如何实现点删0就删0，删1就删1，删2就删2。不能用id。只能用getElementsByTagName提取节点。
我需要不要按顺序删也能实现的。如先删1，再删0，再删2 展开
<li>0<a href="#">删0</a></li>
<li>1<a href="#">删1</a></li>
<li>2<a href="#">删2</a></li>
</ul>
如上题，如何实现点删0就删0，删1就删1，删2就删2。不能用id。只能用getElementsByTagName提取节点。
我需要不要按顺序删也能实现的。如先删1，再删0，再删2 展开
展开全部
javascript删除节点可以用removeChild，只要找到此节点，用removeChild(节点)就可以了。
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
仅限在IE下，ff需要修改注释的地方
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function delNodeByTagName(rootName,nodeName) {
var nodes = document.getElementsByTagName(nodeName);
for(var i = 0, len = nodes.length; i < len; i++) {
//ff下需要修改事件绑定方法
nodes[i].attachEvent('onclick',function() {
var target = event.srcElement;
while(!eval('/'+rootName+'/i').test(target.tagName)) {
target = target.parentNode
}
target.removeChild(target.firstChild);
});
}
}
window.onload = function(){
delNodeByTagName("ul","li");
};
</script>
</head>
<body>
<ul>
<li>0<a href="#">删0</a></li>
<li>1<a href="#">删1</a></li>
<li>2<a href="#">删2</a></li>
</ul>
<ul>
<li>3<a href="#">删3</a></li>
<li>4<a href="#">删4</a></li>
<li>5<a href="#">删5</a></li>
</ul>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function delNodeByTagName(rootName,nodeName) {
var nodes = document.getElementsByTagName(nodeName);
for(var i = 0, len = nodes.length; i < len; i++) {
//ff下需要修改事件绑定方法
nodes[i].attachEvent('onclick',function() {
var target = event.srcElement;
while(!eval('/'+rootName+'/i').test(target.tagName)) {
target = target.parentNode
}
target.removeChild(target.firstChild);
});
}
}
window.onload = function(){
delNodeByTagName("ul","li");
};
</script>
</head>
<body>
<ul>
<li>0<a href="#">删0</a></li>
<li>1<a href="#">删1</a></li>
<li>2<a href="#">删2</a></li>
</ul>
<ul>
<li>3<a href="#">删3</a></li>
<li>4<a href="#">删4</a></li>
<li>5<a href="#">删5</a></li>
</ul>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
function del(obj){
var li=document.getElementsByTagName("li");
for(var i=0;i<li.length;i++){
if(obj==li[i].childNodes[1]){
li[i].parentNode.removeChild(li[i]);
break;
}
}
}
<ul>
<li>0<a href="javascript:void(0);"onclick="del(this)">删0</a></li>
<li>1<a href="javascript:void(0);"onclick="del(this)">删1</a></li>
<li>2<a href="javascript:void(0);"onclick="del(this)">删2</a></li>
</ul>
var li=document.getElementsByTagName("li");
for(var i=0;i<li.length;i++){
if(obj==li[i].childNodes[1]){
li[i].parentNode.removeChild(li[i]);
break;
}
}
}
<ul>
<li>0<a href="javascript:void(0);"onclick="del(this)">删0</a></li>
<li>1<a href="javascript:void(0);"onclick="del(this)">删1</a></li>
<li>2<a href="javascript:void(0);"onclick="del(this)">删2</a></li>
</ul>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
测试过的代码如下
<ul>
<li>0<a href="#" onclick="del(0)">删0</a></li>
<li>1<a href="#" onclick="del(0)">删1</a></li>
<li>2<a href="#" onclick="del(0)">删2</a></li>
</ul>
<script language="javascript">
function del(i){
var emement = document.getElementsByTagName("li")[i];
emement.parentNode.removeChild(emement);
}
</script>
<ul>
<li>0<a href="#" onclick="del(0)">删0</a></li>
<li>1<a href="#" onclick="del(0)">删1</a></li>
<li>2<a href="#" onclick="del(0)">删2</a></li>
</ul>
<script language="javascript">
function del(i){
var emement = document.getElementsByTagName("li")[i];
emement.parentNode.removeChild(emement);
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
