js操作属性

操作属性：

原有属性和非原有属性

原有属性：自身携带的本身就有的

非原有属性：后期添加的

原有属性：获取：

元素.属性名

修改：

元素.属性名=新的属性值

非原有：

元素.getAttribute(属性名)

修改：元素.setAttribute(属性名，属性值)

注意：

• 非原有属性也可以操作原有属性

• 使用原有属性的方式添加非原有属性，在标签本省体现不出，但是可以使用原有的方式获取到

样式的操作：

单个：

获取：元素.style.样式名

修改：元素.style.样式名=样式值

多个：

元素.style.cssText='样式名：样式值；样式名：样式值'

非行内样式的操作：

标准浏览器：window.getcomputeStyle（元素）.样式名

非标准浏览器：元素.currentStyle.样式名

注意：复合的样式词需要将短横线删掉将后面的单词首字母大写

单个操作多个操作行内样式

通过属性的添加删除修改样式

class：

元素.className=类名

类名覆盖的问题：+=（中间要有空格 ） 将所有的类写在一起

classList

元素.classList.add('类名')：添加类

元素.classList.remove('类名')：移除类

元素.classList.taggle('类名')：切换类