Heim > Web-Frontend > js-Tutorial > Hauptteil

So entfernen Sie den Wert des Klassenattributs in Javascript

青灯夜游
Freigeben: 2022-02-18 16:28:25
Original
4749 Leute haben es durchsucht

In JavaScript können Sie die Methode setAttribute() verwenden, um den Wert des Klassenattributs zu entfernen. Sie müssen diese Funktion nur verwenden, um den Wert des Klassenattributs auf eine leere Zeichenfolge zu setzen ("Klasse"," ")".

So entfernen Sie den Wert des Klassenattributs in Javascript

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

In Javascript können Sie die Methode setAttribute() verwenden, um den Wert des Klassenattributs zu entfernen. Die Methode

setAttribute() fügt das angegebene Attribut hinzu und weist ihm den angegebenen Wert zu. Wenn diese angegebene Eigenschaft bereits vorhanden ist, wird der Wert nur gesetzt/geändert.

Sie müssen lediglich die Methode setAttribute() verwenden, um den Wert des Klassenattributs auf eine leere Zeichenfolge zu setzen und den Wert des Klassenattributs zu entfernen.

Implementierungsbeispiel:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style type="text/css">
			.box{
				border: 1px solid red;
				background-color: pink;
			}
		</style>
	</head>

	<body>
		<div id="box" class="box">测试文本</div><br>
		<button onclick="myFunction()"> 去除class属性的值(去掉样式)</button>

			<script type="text/javascript">
				function myFunction() {
					var div=document.getElementById("box");
					div.setAttribute("class","");
				}
			</script>

	</body>
</html>
Nach dem Login kopieren

So entfernen Sie den Wert des Klassenattributs in Javascript

[Verwandte Empfehlungen: Javascript-Lerntutorial]

Das obige ist der detaillierte Inhalt vonSo entfernen Sie den Wert des Klassenattributs in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage