Dom操作的性能优化

        在 开发过程中，或多或少都会遇到要操作dom的情况，而dom操作多多少少都会耗费一些性能，那今天我们就一起来看看在操作dom的时候有哪些性能优化方式吧：

1.选择性能更好的获取dom元素的方法

首先，我们一起来看看，如何使用js来获取dom元素:

• document.getElementById() / getElementsByClassName() / getElementByTagName()
• document.querySelector() / querySelectorAll()

以上方法，都可以帮助我们获取到dom元素，但getElementXX 和 querySelectorXX 选择哪个更能节约一些性能呢？我们一起来看看吧：

首先，我们需要知道它俩获取出来的DOM集合有什么区别：

让我们一起来看一下下面这两个例子分别打印出来的结果是什么 ？