Heim >Web-Frontend >js-Tutorial >So löschen Sie den Klassennamen in Javascript

So löschen Sie den Klassennamen in Javascript

青灯夜游Original: 2021-12-16 18:48:318158Durchsuche

So löschen Sie einen Klassennamen in JavaScript: 1. Verwenden Sie die Anweisung „document.getElementById(„id value“)“, um das angegebene Elementobjekt basierend auf dem ID-Wert abzurufen. 2. Verwenden Sie die Anweisung „element object.classList.remove“. ("Klassenname")"-Anweisung Löschen Sie den angegebenen Klassennamen.

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

In Javascript können Sie das Attribut „classList“ und die Methode „remove()“ verwenden, um den Klassennamen zu löschen.

Das Attribut „classList“ gibt den Klassennamen des Elements als DOMTokenList-Objekt zurück. Diese Eigenschaft wird zum Hinzufügen, Entfernen und Wechseln von CSS-Klassen im Element verwendet. Die Eigenschaft

classList ist schreibgeschützt, Sie können sie jedoch mit den Methoden add() und remove() ändern.

Beispiel: Löschen Sie den Klassennamen „mystyle“

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">

		<style>
			.mystyle {
				width: 300px;
				height: 50px;
				background-color: coral;
				color: white;
				font-size: 25px;
			}
		</style>
	</head>
	<body>

		<p>点击按钮移除 DIV 元素中的 "mystyle" 类.</p>
		<button onclick="myFunction()">点我</button><br><br>
		<div id="myDIV" class="mystyle">
			我是一个 DIV 元素。
		</div>
		<script>
			function myFunction() {
				var div=document.getElementById("myDIV");
				div.classList.remove("mystyle");
			}
		</script>

	</body>
</html>

So löschen Sie den Klassennamen in Javascript

[Verwandte Empfehlungen: Javascript-Lerntutorial]

Das obige ist der detaillierte Inhalt vonSo löschen Sie den Klassennamen in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

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

Vorheriger Artikel：So kehren Sie ein Array in Javascript umNächster Artikel：So kehren Sie ein Array in Javascript um

In Verbindung stehende Artikel

Mehr sehen