So ändern Sie das Stilattribut eines Elements in Javascript-js-Tutorial-php.cn

So ändern Sie das Stilattribut eines Elements in Javascript

青灯夜游

Freigeben： 2022-01-26 16:30:56

Original

21912 Leute haben es durchsucht

In JavaScript können Sie die Methode setAttribute() verwenden, um den Attributwert für ein vorhandenes angegebenes Attribut zu ändern. Die Syntax lautet „element object.setAttribute(„style“, „style code“). ;".

So ändern Sie das Stilattribut eines Elements 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 das Stilattribut zu ändern. 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.

Syntax:

element.setAttribute(attributename,attributevalue)

Nach dem Login kopieren

Parameter	Typ	Beschreibung
Attributname	String	Erforderlich. Der Name des Attributs, das Sie hinzufügen möchten.
Attributwert	String	Erforderlich. Der Attributwert, den Sie hinzufügen möchten.

Beispiel:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<div id="box" style="background-color: black;color: white;border: 2px solid red;">一个div元素</div><br />
		<button onclick="replaceMessage()"> 修改style属性的值</a>

			<script type="text/javascript">
				function replaceMessage() {
					var div = document.getElementById("box"); 
					div.setAttribute("style","background-color: #FFC0CB;color: black;border: 3px dashed peru;");
				}
			</script>

	</body>
</html>

Nach dem Login kopieren

So ändern Sie das Stilattribut eines Elements in Javascript

[Verwandte Empfehlungen: Javascript-Lerntutorial]

Das obige ist der detaillierte Inhalt vonSo ändern Sie das Stilattribut eines Elements in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!