js 如何获取新的和旧的dom树？

JavaScript024

js 如何获取新的和旧的dom树？,第1张

1、javascript 获取 Dom 树比较简单。直接获取document 文档对象就可以了，或者也可以直接从具体的控件对象进行获取。

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>