怎么改变一个Element的Parent?比如一个Table的parentElement是DIV,如果把它的parentElement改成BODY,应该怎样实现?

<div id="sample1">
<table id="myTable" border=1>
<tr>
<td>这个表格</td>
</tr>
</table>
</div>
<script language="JavaScript">
<!--
window.onload=function()
{
var obj=document.getElementById("myTable");
alert("修改之前:"+obj.parentNode.tagName);
if(obj.parentNode.tagName=="DIV")//如果Table的parentElement是DIV,则把它的parentElement改成BODY
{
obj=obj.parentNode.removeChild(obj);
document.body.appendChild(obj);
}
alert("修改之后:"+obj.parentNode.tagName);
}
//-->
</script>

解决方案 »

  1.   

    和刀客的差不多
    <html>
    <body>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    window.onload = function() {
      var div = document.getElementById("div_parent");
      var tbl = document.getElementById("tbl_child");
      document.body.appendChild(div.removeChild(div.firstChild));
    }
    //-->
    </SCRIPT>
    <div id="div_parent">
    <table id="tbl_child">
    <tr><td>table</td></tr>
    </table>
    </div>
    </body>
    </html>
      

  2.   

    <%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %><!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 runat="server">
        <title>Untitled Page</title>
        <script language =javascript  >
          function change()
          {
             var str = document.all.Button1.parentElement.innerHTML;
            document.all.Button1.parentElement.innerHTML=""; 
             document.all.div.innerHTML = str;
            
          }
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <table  id ="tb"style="width: 512px; height: 332px">
                <tr>
                    <td>
                        <input id="Button1" type="button" value="button" /></td>
                </tr>
            </table>
        </div>
            <div style="width: 100px; height: 100px" id ="div">
            </div>
            <input id="Button2" type="button" value="button"  onclick ="change()"/>
        </form>
    </body>
    </html>