UC知道使用js移动DOM节点？
来源：百度知道 编辑：UC知道 时间：2024/06/20 10:01:17
<div class="main">
<div class="left">
</div>
</div>
<div class="right">
</div>
-————————————————————————————
<div class="main">
<div class="left">
</div>
<div class="right">
</div>
</div>
如上的代码中，假如html页面中的代码是线以上的摸样，我如何通过JS的方式让他变成线以下的样子，即：如何通过JavaScript实现class为right的div节点的移动。
原来是class为main的DIV的兄弟节点，现在我想让他变成class为main的DIV的子节点。
求一段JavaScript代码，谢谢，在线等大家了！急用~~O(∩_∩)
谢谢1楼，不过有没有不是赋予id的做法呢？
<div class="left">
</div>
</div>
<div class="right">
</div>
-————————————————————————————
<div class="main">
<div class="left">
</div>
<div class="right">
</div>
</div>
如上的代码中，假如html页面中的代码是线以上的摸样，我如何通过JS的方式让他变成线以下的样子，即：如何通过JavaScript实现class为right的div节点的移动。
原来是class为main的DIV的兄弟节点，现在我想让他变成class为main的DIV的子节点。
求一段JavaScript代码，谢谢，在线等大家了！急用~~O(∩_∩)
谢谢1楼，不过有没有不是赋予id的做法呢？
我稍稍修改下因为赋予ID很好获取节点，第二是可以直接看出来变化！！
你可以看过知道把不必要的删除。具体代码如下：
<!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=gb2312" />
<title>无标题文档</title>
</head>
<body>
<div class="main" id="main" style="background:#f00; width:200px; height:300px;">
<div class="left" id="left">aaa
</div>
</div>
<div class="right" id="right">bbb
</div>