三.DOM

1.DOM简介

其实上这个方法获取的是一个元素对象，对象里面还有各种属性和方法。

3.getElementsByTagName获取元素（了解）

使用document获取的话，他是返回页面中所有的li，相当于直接li标签。使用element获取的话，他是返回指定element中的li，相当于父类限定范围了，我们的element也需要获取，所以我们用getElementById获取他，然后再用来获取标签，就可以输出了。 重点：我们获取到的其实是一个元素对象的集合，他是以伪数组的形式存储的，所以我们可以用遍历输出他的元素，但是不能用pop，push，unshift，shift来操作，因为他本质还是伪数组。

4.querySelector

我们可以获取到的元素可以直接改变他的属性：

  <li id="nav">测试4</li>

const li1 = document.querySelector('.nav li');

        li1.style.color = 'red';

最后输出的就是红色的，但我们不可以通过这个直接设定通过querySelectorAll的数组，会报错，但我们可以在遍历的同时设置颜色，这样也可以修改他的属性，总之，不能对数组直接进行操作。

5.操作元素样式属性

1.通过style控制属性

注意：当需要修改的样式属性带—-时，如：font-size，我们需要用小驼峰命名法，对象.style.fontSize，这样子就可以成功修改了。