”, “

' Dan '

” tag digunakan dalam kode di bawah ini:

---

---

< div >
< h1 > Halo Pengguna Linuxint < / h1 >
< h2 > Linuxint adalah tempat surga < / h2 >
< P > query yang berhubungan dengan bahasa pemrograman. < / P >
< / div >
< tombol > Penghapus Gaya untuk Div < / tombol >

Setelah mengeksekusi kode di atas, halaman web terlihat seperti ini:

Output menunjukkan struktur HTML dari div dan tombol.

Langkah 2: Tambahkan Gaya Inline
Di dalam tag pembuka div, gunakan “ gaya ” atribut dan terapkan beberapa properti CSS untuk membuat elemen menonjol dan menarik:

< div gaya = '
warna:agen gelap;
background-color: mediumaquamarine;
margin: 20px;
padding: 30px;' >
< h1 >Halo Pengguna Linuxint< / h1 >
< h2 >Linuxhint adalah surganya< / h2 >
< P >kueri yang terkait dengan bahasa pemrograman.< / P >
< / div >
< br >
< tombol > Gaya Menghapus untuk Div< / tombol >

Output dari kode di atas adalah:

Output mengonfirmasi bahwa gaya sebaris hanya diterapkan pada elemen div.

Langkah 3: Menggunakan jQuery untuk Menghapus Inline CSS
Untuk menghapus atribut gaya, fungsi induk memanggil saat “ dokumen ' adalah ' siap ”. Pada kode di bawah ini, fungsi bagian dalam memanggil saat pengguna mengklik “ tombol ”. Setelah itu, fungsi ini memilih semua elemen div yang berada di halaman dan menggunakan tombol “ hapus.Attr() ' metode:

< naskah >
$ ( dokumen ) .siap ( fungsi ( ) {
$ ( 'tombol' ) .klik ( fungsi ( ) {
$ ( 'div' ) .removeAttr ( 'gaya' ) ;
} ) ;
} ) ;
< / naskah >

Setelah menambahkan kode jQuery, halaman web berfungsi seperti ini:

'Gif' di atas mengilustrasikan bahwa gaya yang diterapkan pada div dihapus dengan mengklik tombol.

Metode 2: Hapus Kelas CSS dari Div

Cara kedua menata elemen HTML adalah dengan menugaskannya “ kelas ”. Kemudian, tambahkan CSS di bagian kelas tersebut di dalam “ 'tag atau terpisah' berkas CSS ”. Gaya ini juga dapat dihapus menggunakan jQuery. Ikuti langkah-langkah di bawah ini:

Langkah 1: Tetapkan Kelas ke Elemen Div
Dalam file HTML, tetapkan atribut kelas ke “

” elemen. Juga, tetapkan id 'penghapus' ke ' ” tag:

< div kelas = 'gaya' >
< h1 >Halo Pengguna Linuxint< / h1 >
< h2 >Linuxhint adalah surganya< / h2 >
< P >kueri yang terkait dengan bahasa pemrograman.< / P >
< / div >
< tombol pengenal = 'menghapus' > Gaya Hapus < / tombol >

Selanjutnya, pergi ke “ ” tag dan pilih nama kelas div “ gaya ” dan ketikkan properti CSS yang diterapkan ke elemen div:

< gaya >
.gaya {
warna :goldenrod;
latar belakang- warna : laut hijau;
margin: 20px;
padding: 30px;
}
< / gaya >

Setelah mengeksekusi kode di atas, halaman web terlihat seperti ini:

Keluaran menampilkan bahwa gaya diterapkan pada elemen div.

Langkah 2: Tambahkan jQuery Untuk Menghapus Styling CSS
Dalam ' ” tag tambahkan kode jQuery sama seperti yang dinyatakan dalam metode di atas. jQuery “ hapusKelas() ” metode menghilangkan “ gaya ” yang ditetapkan dengan elemen 'div' saat tombol diklik:

< naskah >
$ ( dokumen ) .siap ( fungsi ( ) {
$ ( 'tombol' ) .klik ( fungsi ( ) {
$ ( 'div' ) .removeClass ( 'gaya' ) ;
} ) ;
} ) ;
< / naskah >

Setelah menambahkan kode di atas, halaman web berfungsi seperti ini:

'Gif' di atas mengilustrasikan bahwa gaya yang diketik di kelas dihapus dengan klik tombol.

Kesimpulan

Untuk menghapus CSS dari div, tanda “ hapus.Attr() ' Dan ' hapusKelas() ” metode dapat digunakan. “ hapus.Attr() ' menghilangkan ' gaya ” atribut dari elemen yang dipilih. Di sisi lain, “ hapusKelas() ” menghapus kelas elemen terpilih yang digunakan untuk menerapkan gaya pada elemen tersebut. Artikel ini telah berhasil mendemonstrasikan cara menghapus CSS dari div menggunakan jQuery.