Rumah >hujung hadapan web >tutorial js >Bagaimana untuk menyembunyikan tag html dalam JavaScript

Bagaimana untuk menyembunyikan tag html dalam JavaScript

WBOYasal: 2021-12-21 10:56:135493semak imbas

Kaedah: 1. Gunakan pernyataan "document.getElementById("id")" untuk mendapatkan objek elemen tag html yang ditentukan berdasarkan nilai id 2. Gunakan "tag element object.style.display=" none";" Pernyataan boleh menyembunyikan elemen tag html yang diperolehi.

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi JavaScript 1.8.5, komputer Dell G3.

Cara menyembunyikan tag html dalam JavaScript

Dalam JavaScript, jika anda ingin menyembunyikan tag html, anda boleh menggunakan "document.getElementById( "id") " pernyataan memperoleh objek elemen tag html yang ditentukan berdasarkan nilai id.

Kemudian gunakan atribut gaya dan atribut paparan untuk menyembunyikan objek elemen yang diperolehi.

Apabila nilai atribut elemen paparan tiada, elemen itu akan disembunyikan.

Contoh adalah seperti berikut:

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

Hasil keluaran:

Bagaimana untuk menyembunyikan tag html dalam JavaScript

[Cadangan berkaitan: Tutorial pembelajaran javascript】

Atas ialah kandungan terperinci Bagaimana untuk menyembunyikan tag html dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

JavaScript html 对象 display

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Fahami dengan cepat cara node16 mengkonfigurasi persekitaran sass yang sepadanArtikel seterusnya：Fahami dengan cepat cara node16 mengkonfigurasi persekitaran sass yang sepadan

Artikel berkaitan

Lihat lagi