DOM-获取DOM元素、修改属性

• 设置/修改常用（内置） 属性 href、title、src 综合案例 图片更换案例 案例： 随机点名案例-名字渲染到页面已经有的标签里面

style操作css 每一个DOM对象都有一个style属性,style属性的值是一个对象，里面存储了所有行内样式对应的键值对。 如果样式的名字带了-，比如background-color,到了style对象中，变成了驼峰命名法，backgroundColor（因为-在js中-会被解析成减号） style属性只能获取和设置行内样式，在类样式中定义的样式通过style获取不到。

• 操作类名(className)

	由于`class`是关键字, 所以使用`className`去代替
	`className`是使用新值换旧值, 如果需要添加一个类,需要保留之前的类名 

• classList

添加：`add(class1, class2, ...)`
	删除：`remove(class1, class2, ...)`
	切换：`toggle(class)`
	是否包含：`contains(class`),包含返回`true`,不包含返回`false`
        

• 对比className和style、classList的区别

修改大量样式的更方便
	修改不多样式的时候方便
	`classList` 是追加和删除不影响以前类名     

• 设置/修改表单属性 正常的有属性有取值的 跟其他的标签属性没有任何区别

 获取: DOM对象.属性名
         设置: DOM对象.属性名 = 新值

表单属性中添加就有效果,移除就没有效果,一律使用布尔值表示 如果为true 代表添加了该属性 如果是false 代表移除了该属性

常见表单属性 value、disabled、checked、selected

• 在js中转换bool之后为false的有 null undefined "0"

• 只读状态 redonly》》input dtton

• 选中状态 checked 》》radoi checkbox

• 选项选中状态 selected 》》 select

• 禁用状态 disadled 》》 input button