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:
[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!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
