Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Bagaimana untuk menyembunyikan li dalam javascript

Bagaimana untuk menyembunyikan li dalam javascript

WBOY
Lepaskan: 2022-03-03 15:40:57
asal
3846 orang telah melayarinya

Dalam JavaScript, atribut paparan objek gaya boleh digunakan untuk menyembunyikan elemen li Atribut paparan digunakan untuk menetapkan paparan dan menyembunyikan elemen Apabila nilai atribut ditetapkan kepada "tiada". , elemen akan disembunyikan dan tidak dipaparkan Sintaksnya ialah: "li element object.style.display="none"".

Bagaimana untuk menyembunyikan li dalam javascript

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

Cara menyembunyikan li dengan javascript

Atribut paparan HTML DOM

Cara untuk memaparkan elemen tetapan atribut paparan.

Sintaks:

Object.style.display=value
Salin selepas log masuk

Elemen ini tidak akan dipaparkan apabila nilai atribut ditetapkan kepada tiada.

Contoh adalah seperti berikut:

<html>
<head>
<script type="text/javascript">
function removeElement()
{
document.getElementById("li1").style.display="none";
}
</script>
</head>
<body>
<h1>示例如下</h1>
<li id="li1">点击按钮之后这个li元素就会隐藏</li>
<li>点击按钮之后这个li元素不会隐藏</li>
<input type="button" onclick="removeElement()" value="隐藏其中一个li元素" />
</body>
</html>
Salin selepas log masuk

Hasil keluaran:

Bagaimana untuk menyembunyikan li dalam javascript

Selepas mengklik butang:

Bagaimana untuk menyembunyikan li dalam javascript

Cadangan berkaitan: Tutorial pembelajaran javascript

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

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan