So löschen Sie das versteckte Attribut eines Elements in Javascript-js-Tutorial-php.cn

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

青灯夜游

Freigeben： 2022-01-12 12:08:53

Original

6484 Leute haben es durchsucht

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.

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

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>

Nach dem Login kopieren

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)

Nach dem Login kopieren

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>

Nach dem Login kopieren

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!