Heim > Artikel > Web-Frontend > So löschen Sie das versteckte Attribut eines Elements in Javascript

So löschen Sie das versteckte Attribut eines Elements in Javascript

青灯夜游Original: 2022-01-12 12:08:536400Durchsuche

In JavaScript können Sie die Methode „removeAttribute()“ verwenden, um das ausgeblendete Attribut eines Elements zu löschen. Die Funktion dieser Methode besteht darin, das angegebene Attribut zu löschen.

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

hidden-Eigenschaft ist eine boolesche Eigenschaft.

Wenn dieses Attribut gesetzt ist, gibt es an, dass das Element noch oder nicht mehr relevant ist.

Browser sollten keine Elemente anzeigen, für die das versteckte Attribut angegeben ist. Das Attribut

hidden kann auch verwendet werden, um zu verhindern, dass der Benutzer ein Element anzeigt, bis bestimmte Bedingungen erfüllt sind (z. B. wenn ein Kontrollkästchen aktiviert ist). JavaScript kann dann das versteckte Attribut entfernen, um dieses Element sichtbar zu machen.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<p>这是一段可见的段落。</p>
<p hidden="hidden">这是一段隐藏的段落。</p>
<p>这是一段可见的段落。</p>
</body>
</html>

So löschen Sie das versteckte Attribut eines Elements in Javascript

Wie lösche ich also das versteckte Attribut eines Elements mit Javascript?

Verwenden Sie in JavaScript die Methode „removeAttribute()“ des Elements, um ein angegebenes Attribut zu entfernen. Die Verwendung ist wie folgt:

element.removeAttribute(attributename)

Parameter Attributname: Gibt den Attributnamen des Elements an.

Beispiel:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	</head>
	<body>
		<p>这是一段可见的段落。</p>
		<p id="hid" hidden="hidden">这是一段隐藏的段落。</p>
		<p>这是一段可见的段落。</p>
		<button id="btn">删除hidden属性</button>
		<script>
			function my(id) {
				return document.getElementById(id);
			}
			my("btn").onclick = function() {
				my("hid").removeAttribute("hidden"); 
			}
		</script>
	</body>
</html>

So löschen Sie das versteckte Attribut eines Elements in Javascript

[Verwandte Empfehlungen: Javascript-Lerntutorial]

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

JavaScript

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：Wie bestimmt Javascript, ob die in das Steuerelement eingegebenen Daten ein numerischer Typ sind?Nächster Artikel：Wie bestimmt Javascript, ob die in das Steuerelement eingegebenen Daten ein numerischer Typ sind?

In Verbindung stehende Artikel

Mehr sehen