Artikel ini menjelaskan solusi untuk gaya tidak valid.display = "" di JS. Bagikan untuk referensi Anda. Solusi spesifiknya adalah sebagai berikut:
1. Deskripsi Masalah:
Di JS kadang -kadang kami ingin mengontrol DIV secara dinamis untuk menampilkan atau menyembunyikan atau lebih operasi, tetapi jika kami style.display = "" dapat mengakibatkan tidak ada efek.
Lihat kode berikut:
Salin kode sebagai berikut: <tyle>
#nama
{
Tampilan: Tidak Ada;
}
</tyle>
</head>
<body>
<Div id = "name">
Nama saya senyum.
</div>
</body>
</html>
<script>
window.onload = function () {
document.geteLementById ('name'). style.display = "";
peringatan ("tes");
}
</script>
CSS mendefinisikan div dengan nama ID sebagai tersembunyi, dan setelah halaman dimuat, kami menggunakan JS untuk mengontrol tampilan ID. Apakah ada kesalahan dalam menulis ini?
Apakah ada kesalahan? Tapi mengapa antarmuka masih kosong?
2. Solusi:
Ingat ada penggunaan lain dari xxx.style.display = "block" Lalu mari kita coba.
Sayangnya, itu benar -benar menunjukkan! Lai Lai
Lalu mari kita periksa perbedaan antara style.display = "" dan style.display = "block".
Faktanya, perbedaan terbesar antara keduanya adalah blok ditampilkan oleh blok, sehingga akan ada jeda garis. Jadi karena hanya ada perbedaan seperti itu, mengapa yang satu dapat ditampilkan dalam contoh ini dan yang lainnya tidak? Khawatir.
Oke, mari kita pergi ke masalah ini dulu. Mari kita lihat bagaimana kita menyelesaikannya dalam masalah saat ini. Selain menggunakan style.display = "block" untuk menyelesaikannya, ada cara lain:
Salin kode sebagai berikut: <div id = "name" style = "display: none">
Nama saya senyum.
</div>
<script>
document.geteLementById ('name'). style.display = "";
</script>
Ini adalah menggunakan gaya dengan nama ID untuk dibangun ke dalam tag, sehingga dapat ditampilkan secara normal terlepas dari apakah itu ditampilkan = "" atau ditampilkan = "blok"!
Saya berharap deskripsi dalam artikel ini akan bermanfaat untuk pemrograman web semua orang berdasarkan JavaScript.