js如何添加CSS样式中的class添加属性

JavaScript017

js如何添加CSS样式中的class添加属性,第1张

js不可修改css中的属性，只能为指定的class的元素添加内联样式（style）

原生JS：

var dom = document.getElementsByClassName('dtd')

for(var i=0,len=dom.lengthi<leni++){

dom[i].style.color = 'red'

}Jquery

$('.dtd').css({color:'red'})

1、JavaScript允许你更改元素的class或id。当你更改之后，浏览器会自动更新元素的样式。

2、是className，可不是class

注意：JavaScript使用的是className去访问class属性，因为class是一个保留关键字，因为将来JavaScript可能开始支持像Java一样的类。

把a元素获取到，直接添加class属性就可以了，代码如下：

<a href="#" id='a'></a>

<script>

    var oA = document.getElementById('a')

    oA.class = 'heikuai'

</sciprt>

用浏览器打开，'审查元素'：再看这个a元素时，a就带了这个class 属性了。