javascript删除css样式

小编给大家分享一下javascript删除css样式，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

JavaScript是什么

JS是JavaScript的简称，它是一种直译式的脚本语言，其解释器被称为JavaScript引擎，是浏览器的一部分，主要用于web的开发，可以给网站添加各种各样的动态效果，让网页更加美观。

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

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

javascript删除css样式

1、使用setAttribute方法清除样式

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

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

<script>
	function myFunction() {
		document.getElementById("p").setAttribute('style', '');
	}
</script>

效果图：

2、使用removeProperty方法

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

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

<script>
	function myFunction() {
		document.getElementById("p").style.removeProperty("color");
	}
</script>

效果图：

以上是“javascript删除css样式”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！