day19

DOM 属性
标签属性 在标签上写的属性叫做标签属性，标签属性必须是小写字母使用短横线连接，属性值也是同样
对象属性 只针对DOM对象，可以直接添加设置属性

部分标签属性和DOM对象属性是相同的，系统标签属性一般都是可以通过DOM对象属性同名获取和设置

class这个标签属性，在DOM对象属性中获取和设置使用className

系统标签单属性      checked    seleceted     disabled等等这些属性在DOM对象属性中的值都是布尔值标签属性

标签属性
1、可以用来针对标签存储值，并且标签对象发生改变，但是标签一样的情况下，数据一样可以获取
2可以用在长沙市设置属性中的css属性选择器写对应的css样式

// 标签属性设置的方式
var div=document.querySelector("div");
DOM对象.setAttribute(标签属性名，标签属性值)设置标签属性

DOM对象.getAttribute(标签属性名)获取标签属性值
DOM对象.removeAttribute(标签属性名)删除标签属性

DOM对象的模式

1.行内样式的设置和获取
2、class样式列表
3、css样式的修改和设置

行内样式

var div=document.querySelector("div");
div.style="width:50px;height:50px;background-color:red;"

在执行后，会立即将style属性值字符串形式转换为对象

style在变为对象时，是一个cssStyleDeclaration对象，不是一个普通的object，因此普通的object无法渲染
因此不能直接设置DOM对象的style为某个新对象

设置行内样式有两种方法

1.就是直接设置DOM对象.style="样式名：值；样式名：值;"    样式名和css中样式名完全