So entfernen Sie den Wert des Klassenattributs in Javascript-js-Tutorial-php.cn

So entfernen Sie den Wert des Klassenattributs in Javascript

青灯夜游

Freigeben： 2022-02-18 16:28:25

Original

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