Rumah hujung hadapan web tutorial js js批量设置样式的三种方法不推荐使用with_javascript技巧

js批量设置样式的三种方法不推荐使用with_javascript技巧

May 16, 2016 pm 05:41 PM
gaya

一般我们都用css来批量设置样式,现在我们用js也可以批量设置样式:
总结三种方法如下

复制代码 代码如下:




无标题文档







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

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

macOS: Cara menukar warna widget desktop macOS: Cara menukar warna widget desktop Oct 07, 2023 am 08:17 AM

Dalam macOS Sonoma, widget tidak perlu disembunyikan di luar skrin atau dilupakan dalam panel Pusat Pemberitahuan seperti yang dilakukan dalam versi sebelumnya macOS Apple. Sebaliknya, ia boleh diletakkan terus pada desktop Mac anda - ia juga interaktif. Apabila tidak digunakan, widget desktop macOS memudar ke latar belakang dalam gaya monokrom, mengurangkan gangguan dan membolehkan anda menumpukan pada tugas yang sedang dijalankan dalam aplikasi atau tetingkap aktif. Walau bagaimanapun, apabila anda mengklik pada desktop, ia kembali kepada warna penuh. Jika anda lebih suka rupa yang menjemukan dan ingin mengekalkan aspek keseragaman itu pada desktop anda, ada cara untuk menjadikannya kekal. Langkah-langkah berikut menunjukkan cara ia dilakukan. Buka apl Tetapan Sistem

Panduan untuk menyelesaikan salah jajaran halaman web WordPress Panduan untuk menyelesaikan salah jajaran halaman web WordPress Mar 05, 2024 pm 01:12 PM

Panduan untuk menyelesaikan halaman web WordPress yang tidak sejajar Dalam pembangunan tapak web WordPress, kadangkala kami menghadapi elemen halaman web yang tidak sejajar Ini mungkin disebabkan oleh saiz skrin pada peranti yang berbeza, keserasian penyemak imbas atau tetapan gaya CSS yang tidak betul. Untuk menyelesaikan salah jajaran ini, kita perlu menganalisis masalah dengan teliti, mencari kemungkinan punca dan nyahpepijat serta membaikinya langkah demi langkah. Artikel ini akan berkongsi beberapa masalah salah jajaran laman web WordPress biasa dan penyelesaian yang sepadan, dan memberikan contoh kod khusus untuk membantu membangunkan

Reka bentuk imej latar belakang web CSS: mencipta pelbagai gaya dan kesan imej latar belakang Reka bentuk imej latar belakang web CSS: mencipta pelbagai gaya dan kesan imej latar belakang Nov 18, 2023 am 08:38 AM

Reka bentuk imej latar belakang halaman web CSS: Cipta pelbagai gaya dan kesan imej latar belakang, contoh kod khusus diperlukan Ringkasan: Dalam reka bentuk web, imej latar belakang ialah elemen visual yang penting, yang boleh meningkatkan daya tarikan dan kebolehbacaan halaman dengan berkesan. Artikel ini akan memperkenalkan beberapa gaya reka bentuk imej latar belakang CSS biasa dan kesan, dan memberikan contoh kod yang sepadan. Pembaca boleh memilih dan menggunakan gaya dan kesan imej latar belakang ini mengikut keperluan dan keutamaan mereka sendiri untuk mencapai kesan visual dan pengalaman pengguna yang lebih baik. Kata kunci: CSS, imej latar belakang, gaya reka bentuk, kesan, perwakilan kod

Gunakan pemilih kelas pseudo :nth-last-child(2) untuk memilih gaya elemen anak kedua hingga terakhir Gunakan pemilih kelas pseudo :nth-last-child(2) untuk memilih gaya elemen anak kedua hingga terakhir Nov 20, 2023 am 11:22 AM

Gunakan pemilih kelas pseudo :nth-last-child(2) untuk memilih gaya elemen anak kedua. Contoh kod khusus diperlukan Dalam CSS, pemilih kelas pseudo ialah alat yang sangat berkuasa yang boleh digunakan untuk memilih pokok dokumen. Salah satunya ialah pemilih kelas pseudo :nth-last-child(2), yang memilih elemen anak kedua hingga terakhir dan menggunakan gaya padanya. Mula-mula, mari kita buat contoh dokumen HTML supaya kita boleh menggunakan pemilih kelas pseudo ini di dalamnya. oleh

Kesan teks CSS: tambah pelbagai kesan dan gaya khas pada teks Kesan teks CSS: tambah pelbagai kesan dan gaya khas pada teks Nov 18, 2023 am 10:30 AM

Kesan teks CSS: Menambah pelbagai kesan dan gaya khas pada teks memerlukan contoh kod khusus 1. Pengenalan Dalam reka bentuk web, teks merupakan bahagian yang amat diperlukan. Dengan menambahkan kesan dan gaya khas pada teks, anda boleh menjadikan halaman lebih hidup dan menarik serta meningkatkan pengalaman membaca pengguna. Artikel ini akan memperkenalkan beberapa kesan teks CSS biasa dan menyediakan contoh kod yang sepadan untuk rujukan dan pembelajaran pembaca. 2. Warna teks Warna teks ialah salah satu kesan teks yang paling asas. Dengan menetapkan sifat warna, anda boleh menukar warna teks. Berikut adalah contoh

Reka bentuk bar navigasi web CSS: membuat pelbagai gaya bar navigasi Reka bentuk bar navigasi web CSS: membuat pelbagai gaya bar navigasi Nov 18, 2023 pm 04:41 PM

Reka bentuk bar navigasi web CSS: Untuk mencipta pelbagai gaya bar navigasi, contoh kod khusus diperlukan Bar navigasi adalah salah satu komponen terpenting dalam reka bentuk web. Ia bukan sahaja memudahkan pengguna untuk melayari laman web yang berbeza, tetapi juga menyediakan a panduan yang jelas kepada struktur laman web. Apabila mereka bentuk bar navigasi, masalah yang sering kita hadapi ialah cara mencipta bar navigasi yang cantik dan berfungsi. Artikel ini akan memperkenalkan beberapa kaedah reka bentuk bar navigasi CSS biasa dan memberikan contoh kod yang sepadan untuk membantu pembaca memahami dan menerapkannya dengan lebih baik. Bar navigasi asas Bar navigasi asas adalah yang paling biasa

Tanggungjawab depan dan belakang dan keperluan kemahiran Tanggungjawab depan dan belakang dan keperluan kemahiran Mar 25, 2024 pm 07:00 PM

Front-end dan back-end adalah dua bahagian yang sangat diperlukan dalam pembangunan perisian, dan masing-masing memikul tanggungjawab dan keperluan kemahiran yang berbeza. Artikel ini akan meneroka kandungan pekerjaan dan keperluan jurutera pembangunan bahagian hadapan dan belakang dari segi tanggungjawab dan kemahiran. 1. Tanggungjawab dan keperluan kemahiran jurutera hadapan Jurutera hadapan bertanggungjawab untuk melaksanakan antara muka pengguna dan fungsi interaktif dan menghadapi pengguna secara langsung Mereka perlu mempunyai tanggungjawab dan keperluan kemahiran berikut: melaksanakan reka bentuk antara muka pengguna untuk tapak web atau aplikasi untuk memastikan kesan visual halaman yang baik dan pengalaman interaktif Bekerja rapat dengan pereka UI/UX untuk mengubah draf reka bentuk

Gunakan pemilih :root pseudo-class untuk memilih gaya elemen akar dokumen Gunakan pemilih :root pseudo-class untuk memilih gaya elemen akar dokumen Nov 20, 2023 pm 02:18 PM

Menggunakan :root pseudo-class pemilih untuk memilih gaya elemen akar dokumen memerlukan contoh kod khusus Dalam CSS, kita boleh menggunakan :root pseudo-class pemilih untuk memilih elemen akar dokumen dan menentukan gaya tertentu. untuk itu. Pemilih kelas pseudo :root adalah bersamaan dengan memilih elemen html dalam kebanyakan kes, tetapi apabila ruang nama wujud dalam dokumen, pemilih kelas pseudo:root akan memilih elemen akar ruang nama lalai. Berikut ialah contoh kod konkrit yang menunjukkan cara menggunakan :root pseudo-class pemilih untuk memilih elemen akar dokumen.

See all articles