• 技术文章 >Web开发 >JavaScript

    js替换css样式的方法

    小妮浅浅小妮浅浅2021-07-22 17:22:01转载175

    1、使用obj.className来修改样式表的类名。

    function changeStyle1() {
      var obj = document.getElementById("btnB");
      obj.style.backgroundColor= "black";
    }

    2、使用obj.style.cssText来修改嵌入式的css。

    function changeStyle2() {
       var obj = document.getElementById("btnB");
       obj.style.cssText = "background-color:black;
       display:block;
       color:White;
    }

    3、使用obj.className来修改样式表的类名。

    function changeStyle3() {
      var obj = document.getElementById("btnB");
      //obj.className = "style2";
      obj.setAttribute("class", "style2");
    }

    4、使用更改外联的css文件,从而改变元素的css。

    function changeStyle4() {
       var obj = document.getElementById("css");
       obj.setAttribute("href","css2.css");
    }

    以上就是js替换css样式的方法,希望对大家有所帮助。更多Javascript学习指路:Javascript

    本文转载于php中文网,如有侵犯联系作者修改。

    专题推荐:js css样式
    品易云
    上一篇:javascript触发点击按钮 下一篇:js内置函数的介绍

    相关文章推荐

    • nodejs爬虫中的动态ip设置• js柯里化函数的好处• js中repeat()的使用• js中如何填充字符串• js中matchAll()方法的使用• js中replaceAll方法的实现• js中this的六种模式• js中for...in语句的使用注意• java之jsp内置对象有哪些• js中有哪些书写位置• js使用语法的注意事项• js中Array.filter()方法如何使用• js和css有什么区别• Node.js 16.5.0正式发布,版本更新速看• js使用setAttribute修改css样式

    全部评论我要评论

  • 取消发布评论
  • 

    Python学习网