T O P

[原创]     js怎么给input添加一个class属性

  • By - 楼主

  • 2020-03-18 14:11:39
  • 使用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");


    本帖子中包含资源

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