Bagaimana untuk mengalih keluar gaya css dalam js

JavaScript ialah salah satu bahasa pengaturcaraan yang paling biasa digunakan dalam reka bentuk web. Dalam pembangunan sebenar, JavaScript boleh digunakan untuk melakukan banyak perkara, termasuk memanipulasi gaya CSS. Dalam artikel ini, kami akan membincangkan cara mengalih keluar gaya CSS menggunakan JavaScript.

Gaya CSS ialah bahasa yang menerangkan reka letak dan gaya halaman web. Dalam CSS, kita boleh menentukan pelbagai gaya, termasuk warna teks, warna latar belakang, saiz fon dan banyak lagi. Gaya ini boleh digunakan pada pelbagai elemen halaman web, mengubah penampilannya pada halaman. Tetapi kadangkala kita perlu mengalih keluar gaya elemen tertentu dalam halaman web, kemudian kita perlu menggunakan JavaScript.

Dalam JavaScript, kami boleh mengalih keluar gaya CSS dalam pelbagai cara. Di bawah ini kami akan memperkenalkan dua kaedah yang paling biasa.

Kaedah 1: Gunakan removeAttribute()

Kaedah removeAttribute() digunakan untuk mengalih keluar atribut elemen. Kita boleh menggunakan ini untuk mengalih keluar gaya CSS. Operasi khusus adalah seperti berikut:

1. Pertama, kita perlu mendapatkan elemen yang gayanya perlu dialih keluar. Elemen boleh diperoleh menggunakan kaedah document.getElementById() atau document.querySelector() dalam JavaScript.

2 Seterusnya, kita perlu menggunakan kaedah removeAttribute() untuk mengalih keluar gaya yang ditentukan. Kaedah ini memerlukan parameter rentetan yang menunjukkan gaya yang akan dialih keluar. Contohnya, jika kita perlu mengalih keluar gaya saiz fon, kita boleh menggunakan kod berikut:

element.removeAttribute("style");

Dalam contoh ini, elemen ialah elemen yang gayanya perlu dialih keluar.

3 Akhir sekali, kita perlu memanggil kaedah ini dalam JavaScript. Ini boleh dicapai dengan menggunakan kod berikut dalam kod JavaScript:

document.getElementById("myElement").removeAttribute("style");

Dalam contoh ini, kami menggunakan kaedah document.getElementById() untuk mendapatkan elemen dengan ID myElement dan mengalih keluar gayanya.

Kaedah 2: Gunakan classList.remove()

Kaedah classList.remove() digunakan untuk mengalih keluar kelas daripada senarai kelas elemen. Kaedah ini boleh digunakan untuk mengalih keluar gaya CSS. Operasi khusus adalah seperti berikut:

1. Pertama, kita perlu mendapatkan elemen yang gayanya perlu dialih keluar. Elemen boleh diperoleh menggunakan kaedah document.getElementById() atau document.querySelector() dalam JavaScript.

2. Seterusnya, kita perlu menggunakan kaedah classList.remove() untuk mengalih keluar gaya yang ditentukan. Kaedah ini memerlukan parameter rentetan yang menunjukkan gaya yang akan dialih keluar. Contohnya, jika kita perlu mengalih keluar gaya saiz fon, kita boleh menggunakan kod berikut:

element.classList.remove("myFontClass");

Dalam contoh ini, elemen ialah elemen yang gayanya perlu dialih keluar dan myFontClass ialah gaya yang perlu dikeluarkan.

3 Akhir sekali, kita perlu memanggil kaedah ini dalam JavaScript. Ini boleh dicapai dengan menggunakan kod berikut dalam kod JavaScript:

document.getElementById("myElement").classList.remove("myFontClass");

Dalam contoh ini, kami menggunakan kaedah document.getElementById() untuk mendapatkan elemen dengan ID myElement dan mengalih keluar gayanya.

Ringkasan

Terdapat dua cara utama untuk mengalih keluar gaya CSS dalam JavaScript: menggunakan removeAttribute() dan menggunakan classList.remove(). Kaedah ini boleh digunakan untuk mengalih keluar sebarang gaya CSS, termasuk saiz fon, warna, warna latar belakang, dsb. Tidak kira elemen mana anda ingin mengalih keluar gaya CSS, kedua-dua kaedah ini akan berfungsi.

Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar gaya css dalam js. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!