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

• By - 楼主

• 2020-03-18 14:11:39

• 1836
• 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");

  
  

  本帖子中包含资源

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