Question

js删除某个html标签下的某个子标签

我想问的是使用js，如果删除某个标签（假如id为div1的div标签）下的某个子标签（img标签）：
如：js.html
<div id='fu'>
<div id="div1">
<img src='1'></a>
<input type='text' />
<a>图片</a>
</div>
<a onclick='xxx'>删除</a>
</div>
用js做到这样效果：当我点击“删除”时，自动触发onclick事件，通过onclick事件，获取id为div1的div标签，删除该标签下的img子标签，删除后，要删除 <a onclick='del()'>删除</a>这个标签（不要隐藏），请问那个onclick事件的函数如何写才能实现我说的效果？

（需要说明：img并不是一直在div的第一位，也可能放在第二、第三、或者其他的位置，也就是说img子标签在父标签【id=div1】的任意位置，但只有一个img子标签）
上面有地方需要修改：
1、第一句：我想问的是使用js，如果删除某个标签（假如id为div1的div标签）下的某个子标签（img标签）
修改为：
我想问的是使用js删除某个标签（假如id为div1的div标签）下的某个子标签（img标签）

2、删除后，要删除 <a onclick='del()'>删除</a>这个标签（不要隐藏）
修改为
删除后，要删除 <a onclick=‘xxx'>删除</a>这个标签（不要隐藏）

Answer 1

使用jQuery很简单的。$('#div1').children().find('a:contains(\'删除\')').remove();

Answer 2

代码如下：

$(document).ready(function(){
    $('#fu a').click(function(){
        //删除img
        $('#div1 img').remove();
        //删除a本身
        $(this).remove();
    });
});

Answer 3

这个用jquery实现起来相当容易：
$('#fu a').click(// a标签单击事件处理函数
function(){
// 删除img
$('#div1 img').remove();
// 删除a标签
$('#fu a').remove();
}
);
基本上就是通过选择器选中要删除的元素，然后调remove()函数就可以了。建议楼主用jquery，写起来容易，纯js也能实现，不过代码写起来就没这么简单了。