Rumah > Artikel > hujung hadapan web > Bagaimana untuk menetapkan butang untuk hilang selepas mengkliknya dalam html5
Bagaimana untuk menetapkan butang untuk hilang selepas mengkliknya dalam html5
- WBOYasal
- 2022-01-23 14:10:175891semak imbas
Kaedah: 1. Ikat acara klik pada elemen butang dan nyatakan fungsi pemprosesan acara 2. Dalam fungsi pemprosesan acara, gunakan atribut gaya dan atribut paparan untuk menetapkan butang hilang selepas mengklik butang . Sintaks ialah "button Element object.style.display="none"".
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi HTML5, komputer Dell G3.
Cara untuk menetapkan butang untuk hilang selepas mengklik butang dalam html5
Objek gaya mewakili pernyataan gaya yang berasingan. Objek Gaya boleh diakses daripada dokumen atau elemen yang digunakan gaya.
Sintaks untuk menggunakan atribut objek Gaya:
document.getElementById("id").style.property="值"Atribut paparan menentukan jenis kotak yang harus dijana oleh elemen.
Apabila nilai atribut ditetapkan kepada tiada, elemen ini tidak akan dipaparkan.
Contohnya adalah seperti berikut:
<html>
<head>
<script type="text/javascript">
function setStyle()
{
document.getElementById("anniu").style.display="none";
}
</script>
</head>
<body>
<button onclick="setStyle()" id="anniu">按钮</button>
</body>
</html>Hasil keluaran:
Tutorial yang disyorkan: "tutorial video html"
Atas ialah kandungan terperinci Bagaimana untuk menetapkan butang untuk hilang selepas mengkliknya dalam html5. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!