How to delete css style in javascript

JS method to delete styles: 1. Use the setAttribute() method, the syntax "object.setAttribute("Attribute name","")"; 2. Use the removeProperty() method, the syntax "object.removeProperty( "property name")".

The operating environment of this tutorial: windows7 system, javascript version 1.8.5, Dell G3 computer.

javascript delete css style

1. Use the setAttribute method to clear the style

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

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

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

Rendering ：

2. Use the removeProperty method

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

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

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

Rendering:

[Recommended learning: javascript advanced tutorial]

The above is the detailed content of How to delete css style in javascript. For more information, please follow other related articles on the PHP Chinese website!