如何删除嵌套的html元素

linlink55 2010-04-23 12:27:36

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<script type="text/javascript">
function $(nodeId)
{
return document.getElementById(nodeId);
}
function removeMsg()
{
var nodeBtn = $("remove");//按钮
document.body.removeChild(nodeBtn);

}
</script>
</head>
<body>
<div id="div1">
<div id="div2">
<input type="button" id="remove" value="删除它" onclick="removeMsg();" />
</div>
</div>
</body>
</html>

如果没有div1和div2,按钮可以很顺利地删除，要是有的话，该怎么办？？？(用jquery实现也行)

...全文

100 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

hookee 2010-04-23

打赏
举报



<html xmlns="http://www.w3.org/1999/xhtml" >

<head>

<script type="text/javascript">  

function $(nodeId)  

{  

  return document.getElementById(nodeId);  

}  

function removeMsg()  

{  

  var nodeBtn = $("remove");//按钮  



  nodeBtn.parentNode.removeChild(nodeBtn);

}  

</script>  

</head>

<body>

<div id="div1">

<div id="div2">

<input type="button" id="remove" value="删除它" onclick="removeMsg();" />  

</div>

</div>

</body>

</html>