Heim > Artikel > Web-Frontend > So verbergen Sie HTML-Tags in JavaScript

So verbergen Sie HTML-Tags in JavaScript

WBOYOriginal: 2021-12-21 10:56:135420Durchsuche

Methode: 1. Verwenden Sie die Anweisung „document.getElementById(„id“)“, um das angegebene HTML-Tag-Elementobjekt basierend auf dem ID-Wert abzurufen. 2. Verwenden Sie die Anweisung „tag element object.style.display="none"; "-Anweisung zum Abrufen des HTML-Tag-Elements kann ausgeblendet werden.

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

So verbergen Sie HTML-Tags in JavaScript

Wenn Sie in JavaScript HTML-Tags ausblenden möchten, können Sie die Anweisung „document.getElementById(“id“)“ verwenden, um das angegebene HTML-Tag-Elementobjekt basierend abzurufen auf den ID-Wert.

Verwenden Sie dann das Stilattribut und das Anzeigeattribut, um das erhaltene Elementobjekt auszublenden.

Wenn der Attributwert des Anzeigeelements „None“ ist, wird das Element ausgeblendet.

Das Beispiel lautet wie folgt:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
<p>无序列表：</p>
<ul>
  <li id="xuebi">雪碧</li>
  <li>可乐</li>
  <li>凉茶</li>
</ul>
<script type="text/javascript">
document.getElementById("xuebi").style.display="none";
</script>
</body>
</html>

Ausgabeergebnis:

So verbergen Sie HTML-Tags in JavaScript

[Verwandte Empfehlungen: Javascript-Lern-Tutorial]

Das obige ist der detaillierte Inhalt vonSo verbergen Sie HTML-Tags in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

JavaScript html 对象 display

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：Verstehen Sie schnell, wie node16+ die entsprechende Sass-Umgebung konfiguriertNächster Artikel：Verstehen Sie schnell, wie node16+ die entsprechende Sass-Umgebung konfiguriert

In Verbindung stehende Artikel

Mehr sehen