javascript怎么删除css样式

PHP中文网 JavaScript

本文摘自PHP中文网，作者青灯夜游，侵删。

js删除样式的方法：1、使用setAttribute()方法，语法“对象.setAttribute("属性名称","")”；2、使用removeProperty()方法，语法“对象.removeProperty("属性名称")”。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

javascript删除css样式

1、使用setAttribute方法清除样式

1

2

3

4

5

6

7

8

9

<p id="p" style="color:#FF0000">hello world<p>

 

<button onclick="myFunction()">点击按钮，去除样式</button>

 

<script>

    function myFunction() {

        document.getElementById("p").setAttribute('style', '');

    }

</script>

效果图：

1.gif

2、使用removeProperty方法

1

2

3

4

5

6

7

8

9

<p id="p" style="color:palevioletred;">hello world<p>

 

<button onclick="myFunction()">点击按钮，去除样式</button>

 

<script>

    function myFunction() {

        document.getElementById("p").style.removeProperty("color");

    }

</script>

效果图：

2.gif

【推荐学习：javascript高级教程】

以上就是javascript怎么删除css样式的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

javascript如何判断字符是否为空

每天一个js 小demo之滑屏幻灯片。主要知识点：event

javascript proxy()对象的理解使用（代码示例）

彻底弄懂javascript执行机制

javascript怎么实现文字转声音

javascript函数一定要定义吗

js中什么是原型链

了解javascript中3种for循环风格以及何时使用它们

javascript知识点总结之 jquery常用选择器和过滤选择器

一纸搞懂js系列（1）之编译原理，作用域，作用域链，变量提升，暂时性死区

更多相关阅读请进入《javascript》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...