博客

超级管理员

87

帖子

17

回复

223

积分

楼主
发表于 2020-03-18 14:11:39 | 查看: 33 | 回复: 0

使用js 给页面组件添加class 或者删除class,以及使用jquery的方式添加或修改。



HTML

<input id="textbuut" type="text"/>

css

    
.inputclass { 
  color:#cc0000; 
}
    

添加或修改样式(Class)

js

document.getElementById("textbuut").className = "inputclass";
    

删除样式(Class)

document.getElementById("textbuut").className = "";


需要注意的是,在 JavaScript 中,样式使用的是 className 去访问 class 属性,非 class,因为 class 是一个保留关键字,谨记这一点。

如果是使用 jQuery修改标记的样式(Class) 就不一样了,它是使用 removeClass 和 addClass 方法进行删除样式和添加(修改)样式的。

$("textbuut").addClass("inputclass");



本帖子中包含资源

您需要 登录 才可以下载,没有帐号?立即注册

您需要登录后才可以回帖 登录 | 立即注册

2018-2020 ©v2.1 冀ICP备19027484号

点击这里给我发消息