JavaScript进阶笔记——获取、修改、删除元素的属性值，属性操作

获取元素的属性值：

第一种方法：

element . 属性名

适用于元素内置属性

第二种方法：（具有普适性）

element . getAttribute('属性名')

既适用于元素内置属性，也适用于程序员自定义的元素属性，例如data-index等

修改元素的属性值

1、 element . 属性名也可以进行修改

2、element.setAttribute('属性名',修改后的值)

 

移除元素的属性值

element.removeAttribute('属性名')

样式属性操作

设定element为JS代码中获取到的元素

1、行内样式操作

element.style.xxx  =

例如element.style.backgroundColor = 'purple'  调整元素背景颜色为紫色

2、类名样式操作

element.className = 

改变元素的类名，有时会很方便

注意JS里面的样式命名为驼峰命名法，和css里有所区别