JavaScriptでCSSスタイルを削除する方法-jsチュートリアル-php.cn

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

青灯夜游

リリース： 2023-01-05 16:12:08

オリジナル

10330 人が閲覧しました

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

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

このチュートリアルの動作環境: 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>

ログイン後にコピー

レンダリング：

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

2.removeProperty メソッドを使用します

<p id="p"   style="max-width:90%">hello world<p>

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

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

ログイン後にコピー

レンダリング:

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