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

JavaScript015

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 属性了。