三.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,这样子就可以成功修改了。