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

JavaScript010

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'})

可以使用jQuery的attr方法来实现对某一元素的的class的属性的添加或者删除，attr() 方法设置或返回被选元素的属性值.根据该方法不同的参数，其工作方式也有所差异，可以使用removeclass来删除class属性。

工具原料：编辑器、浏览器

1、为li添加class属性：

为某个li元素添加class=“special”的属性

$('li').attr('class','special')

2、删除class属性：

 $("li").removeClass("special")

})

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

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

<script>

    var oA = document.getElementById('a')

    oA.class = 'heikuai'

</sciprt>

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