Rumah  >  Artikel  >  hujung hadapan web  >  Penyelesaian tidak sah untuk style.display="" dalam kemahiran js_javascript

Penyelesaian tidak sah untuk style.display="" dalam kemahiran js_javascript

WBOY
WBOYasal
2016-05-16 16:32:421964semak imbas

Contoh dalam artikel ini menerangkan penyelesaian kepada gaya tidak sah.display="" dalam js. Kongsikan dengan semua orang untuk rujukan anda. Penyelesaian khusus adalah seperti berikut:

1. Penerangan masalah:

Dalam js, kadangkala kita mahu mengawal paparan atau penyembunyian div atau lebih banyak operasi secara dinamik, tetapi jika kita style.display="", ia mungkin tiada kesan.

Lihat sekeping kod berikut:

Salin kod Kod adalah seperti berikut:




Nama saya senyum.




window.onload=function(){
document.getElementById('name').style.display="";
makluman("ujian");
}

css mentakrifkan div dengan id sebagai nama sebagai tersembunyi, dan kami menggunakan js untuk mengawal id yang akan dipaparkan selepas halaman dimuatkan Adakah ini salah?
tiada apa yang salah? Tetapi mengapa antara muka masih kosong?

2. Penyelesaian:

Ingat ada penggunaan lain: xxx.style.display="block" Mari cuba,
Woohoo, ia sebenarnya muncul! ! !

Mari kita semak perbezaan antara style.display="" dan style.display="block".
Malah, perbezaan terbesar antara kedua-duanya adalah bahawa blok dipaparkan dalam blok, jadi ia akan membungkus Jadi kerana terdapat perbezaan sedemikian, mengapa satu boleh dipaparkan dan satu lagi tidak boleh dipaparkan dalam contoh ini?
Okey, mari kita ketepikan masalah ini buat masa ini. Mari kita lihat dahulu cara kita boleh menyelesaikan masalah ini Selain menggunakan style.display="block" untuk menyelesaikannya, terdapat cara lain:

Salin kod Kod adalah seperti berikut:

Nama saya senyum.


Document.getElementById('name').style.display="";

Hanya gunakan gaya untuk membina gaya dengan nama id ke dalam teg, supaya ia boleh dipaparkan secara normal tanpa mengira menggunakan display="" atau display="block"!

Saya harap artikel ini akan membantu pengaturcaraan web semua orang berdasarkan JavaScript.

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