四、样式的获取

1、 修改标签的属性

js操作的是行内样式。

js里写样式的时候，遇到了复合样式，要使用驼峰命名。

2、驼峰命名

例如：background-color

驼峰命名写法就是把第二个及以后单词的首字母大写。backgroundColor

修改对象样式有两种方式：

1.对象.style.样式 = 值；

2.对象.style.cssText = 所有需要修改的属性，正常写在这里就好。（值是字符串）

3、标签属性

对象.属性名 = 值；

是一个标签里的属性

1. js操作对象的class类名时要注意，需要写成className

4、 获取元素的其他方式

通过class

document.getElementsByClassName("class名字")

name（这种方式主要是用来真针对获取input）

document.getElementsByName("name属性的值")

tagName（通过标签选择器）

document.getElementsByTagName("标签选择器")

querySelectorAll（所有满足条件的对象的集合）

document.querySelectorAll("任意css选择器")

注意：以上都是集合，使用需要加下标[];(js里所有的下标都是从0开始的)

querySelector（选择满足条件的第一个）

document.querySelector("任意css选择器")

上面这种方式只获取蛮满足条件的第一个对象，不是集合，可以直接使用

图例：

image.png