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

JavaScript023

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>