JavaScriptでCSSスタイルを削除する方法

スタイルを削除するための JS メソッド: 1. setAttribute() メソッド、構文 "object.setAttribute("属性名","")" を使用します; 2. RemoveProperty() メソッド、構文 " object.removeProperty( "プロパティ名")"。

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

#javascript delete css style

1. setAttribute メソッドを使用してスタイルをクリアします

<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>

レンダリング ：

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 上級チュートリアル]

以上がJavaScriptでCSSスタイルを削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。