本文记录JS设置元素属性的几种方法。

直接设置style的属性 {#直接设置style的属性}

某些情况用这个设置 !important值无效

如果属性有'-'号，就写成驼峰的形式（如textAlign） 如果想保留 - 号，就中括号的形式 element.style['text-align'] = '100px';

直接设置属性 {#直接设置属性}

只能用于某些属性，相关样式会自动识别

设置style的属性 {#设置style的属性}

使用setProperty {#使用setProperty}

如果要设置!important，推荐用这种方法设置第三个参数

改变class {#改变class}

因JS获取不到css的伪元素，所以可以通过改变伪元素父级的class来动态更改伪元素的样式

设置cssText {#设置cssText}

创建引入新的css样式文件 {#创建引入新的css样式文件}

添加style样式 {#添加style样式}

当代码中没有style元素时，可以通过 document.createElement("style"); 建立style

然后插入到doucment.head, 最后就可以成功在js中添加style了

参考资料 {#参考资料}

• https://www.cnblogs.com/webpon/p/13432184.html

文章链接：
https://www.zywvvd.com/notes/coding/java-script/js-new-attri/js-new-attri/