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

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

document.getElementById("myDIV").className

document.getElementById("myDIV").className.indexOf('firstClass')

或者

document.getElementById("myDIV").classList.contains('firstClass')

document.getElementById("myDIV").classList.add("firstClass")

document.getElementById("myDIV").classList.add("firstClass", "secondClass", "thirdClass")

document.getElementById("myDIV").classList.remove("firstClass")

document.getElementById("myDIV").classList.remove("firstClass", "secondClass", "thirdClass")

根据题目描述，应该是想实现：如何通过点击事件给a标签添加class对把。

步骤：

增加script元素，增加a元素的click事件

通过jq获得a元素

调用jq函数 addClass 给a元素添加class

代码：

<html>

<body>

</body>

</html>

$('a').on('click',function(){

$(this).addClass('myClass')

})

</script>

欢迎分享，转载请注明来源：内存溢出

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