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

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

2、比较困难的是如何获取之前旧的dom 树对象。常见的思路是可以设置一个全局的数组变量保存之前的dom树对象，注意此对象保存的只是引用，你做变更，之前保存的对象也是变的，因为两者本来就是同一个对象。所以你要保存的必须是dom树的复制对象，也就是所谓的深拷贝对象，这个是有点复杂度的，节点如果复杂的话，容易出现问题，要注意处理。

3、希望对你有帮助。

componentDidMount() {

consolelog('22',ReactDOMfindDOMNode(thisrefsmode))

consolelog('22',ReactDOMfindDOMNode(thisrefsmode1))

}

<Modal title="Basic Modal" visible={true} ref="modal"

onOk={thisdel} onCancel={thisdel}

><div ref="modal1">

<p >some contents</p>

<p>some contents</p>

<p>some contents</p>

</div>

</Modal>

只能选到 modal1 选不到modal

不懂你获取dom元素 是那部分，如果是内部的可以，如查是 modal 框架的就不可以

jQuery对象转成DOM对象：

两种转换方式将一个jQuery对象转换成DOM对象：[index]和get(index);

(1)jQuery对象是一个数据对象，可以通过[index]的方法，来得到相应的DOM对象。

如：

var $v =$("#v") ; //jQuery对象

var v=$v[0]; //DOM对象

alert(vchecked) //检测这个checkbox是否被选中

(2)jQuery本身提供，通过get(index)方法，得到相应的DOM对象

如：

var $v=$("#v"); //jQuery对象

var v=$vget(0); //DOM对象

alert(vchecked) //检测这个checkbox是否被选中

DOM对象转成jQuery对象:

对于已经是一个DOM对象，只需要用$()把DOM对象包装起来，就可以获得一个jQuery对象了。$(DOM对象)

如：

var v=documentgetElementById("v"); //DOM对象

var $v=$(v); //jQuery对象

转换后，就可以任意使用jQuery的方法了。

通过以上方法，可以任意的相互转换jQuery对象和DOM对象。需要再强调注意的是：DOM对象才能使用DOM中的方法，jQuery对象是不可以用DOM中的方法。

常见的方法是使用children()方法或者fand()方法都是可以获取到某个元素的子元素的,children() 方法返回匹配元素集合中每个元素的子元素，find()方法获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选。

jquery中获取当前dom元素的子元素的方法有很多，常见的方法是使用children()方法或者fand()方法都是可以获取到某个元素的子元素的,children() 方法返回匹配元素集合中每个元素的子元素，find()方法获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选。

一、使用children()方法获得子元素

1、使用该方法获取子元素并设置子元素的字体为蓝色，代码如下：

2、运行的效果如下图：

二、使用find()方法获取子元素

1、使用fand()方法获取子元素并且进行选择器的筛选，代码如下图：

2、运行的结果如下图：

参考资料

博客博客[引用时间2018-1-9]

以上就是关于js 如何获取新的和旧的dom树全部的内容，包括:js 如何获取新的和旧的dom树、antd modal怎么获取dom元素、jquery怎样获取拼接后的dom对象等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！