2、比较困难的是如何获取之前旧的dom 树对象。常见的思路是可以设置一个全局的数组变量保存之前的dom树对象,注意此对象保存的只是引用,你做变更,之前保存的对象也是变的,因为两者本来就是同一个对象。所以你要保存的必须是dom树的复制对象,也就是所谓的深拷贝对象,这个是有点复杂度的,节点如果复杂的话,容易出现问题,要注意处理。
3、希望对你有帮助。
直接看出来变化!!你可以看过知道把不必要的删除。具体代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<div class="main" id="main" style="background:#f00width:200pxheight:300px">
<div class="left" id="left">aaa
</div>
</div>
<div class="right" id="right">bbb
</div>
<script language="javascript">
var obj = document.getElementById("right")
var obj2 = document.getElementById("left")
var obj3 = document.getElementById("main")
obj3.insertBefore(obj,obj2)
obj3.insertBefore(obj2,obj)
</script>
</body>
</html>
----------------------------------------------------------------------
这是最新修改的,不知道你能理解不!估计你应该能看懂我这个新手写的。(还有哦,楼主希望你能大方点给点分,这么辛苦来回弄也算是有点安慰!!毕竟解决了问题是最主要的!)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<div class="main" id="main" style="background:#f00width:200pxheight:300px">
<div class="left" id="left">aaa</div>
</div>
<div class="right" id="right">bbb
</div>
<script language="javascript">
var obj = document.getElementsByTagName("div")
obj.item(0).insertBefore(obj.item(2),obj.item(1))
obj.item(0).insertBefore(obj.item(2),obj.item(1))
</script>
</body>
</html>