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

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

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

原生JS:

var dom = document.getElementsByClassName('dtd')

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

    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")

})

ngclass设置多个属性方法如下:

1.新建html项目,引入jquery;

2.创建div标签,设置id和class属性;

3.新建button按钮,绑定onclick事件;

4.通过id获取对象,使用attr()方法修改class名称;


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11568587.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存