Tailwind memungkinkan Anda menerapkan class utilitas secara bersyarat di berbagai status menggunakan pengubah varian. Misalnya, gunakan hover:flex-row_ untuk hanya menerapkan utilitas flex-row pada hover
Untuk daftar lengkap semua pengubah status yang tersedia, lihat dokumentasi Hover, Focus, dan Other States
Anda juga dapat menggunakan pengubah varian untuk menargetkan kueri media seperti titik henti sementara responsif, mode gelap, gerakan lebih disukai, dan lainnya. Misalnya, gunakan
01
02
03
_0 untuk menerapkan utilitas flex-row hanya pada ukuran layar sedang ke atasDalam JavaScript, array digambarkan sebagai objek seperti daftar. Objek array tunggal dapat menyimpan banyak nilai. Sebuah objek array disimpan dalam sebuah variabel. Elemen array disimpan di lokasi memori. Setiap elemen array diidentifikasi oleh nilai indeksnya
Anda harus memproses array dengan memasukkan elemen, menghapus atau mengubah, dll. JavaScript memiliki banyak metode untuk memperbarui array. Mari kita lihat berbagai cara untuk menghapus elemen array terakhir di JavaScript
Berikut adalah Metode/Fungsi untuk menghapus elemen array terakhir −
Metode Array pop()
Metode sambatan Array ().
Menggunakan metode Array pop()
Metode pop() Array adalah metode paling sederhana yang digunakan untuk menghapus elemen terakhir dalam array. Metode pop() mengembalikan elemen yang dihapus dari larik asli
Sintaksis
Sintaks yang diberikan di bawah ini menggunakan metode pop() untuk menghapus elemen terakhir dari sebuah array
arr.pop(); _Di sini arr adalah larik asli
Contoh
Dalam contoh yang disebutkan di bawah ini, kami telah menggunakan metode pop() untuk menghapus elemen terakhir dari sebuah array. Kami telah mengambil dua contoh larik dan menghapus elemen terakhir dari masing-masing dengan menggunakan pop()
Use pop() to remove the last element in an array
Example 1 Example 2Dalam dua contoh di atas, pengguna dapat melihat bahwa metode pop() mengembalikan elemen yang dihapus dari array dan mengubah array asli
Menggunakan Metode Array splice()
Metode splice() digunakan untuk menambah atau menghapus elemen dari array
Metode splice() dapat mengubah Array asli
Sintaksis
Sintaks yang diberikan di bawah ini menggunakan metode splice() untuk menghapus elemen terakhir dari sebuah array
arr.splice(-1) arr.splice(arr.length-1)Di sini arr adalah larik asli
Contoh
Dalam contoh yang disebutkan di bawah ini, kami menggunakan metode splice() untuk menghapus elemen terakhir dari sebuah array. Kami telah mengambil dua contoh larik dan menghapus elemen terakhir dari masing-masing dengan menggunakan splice()
Use splice() method to remove the last element in an array
Example 1 Example 2 _Kami telah mempelajari dua metode, yang dengannya kami dapat menghapus elemen array terakhir dalam JavaScript. Di antara metode ini, pop() adalah cara termudah untuk menghapus elemen terakhir dari sebuah array. Ini adalah praktik terbaik untuk menggunakan metode pop() dalam masalah dunia nyata
Bagaimana cara menghapus elemen div tertentu dengan menggunakan JavaScript?
Meningkatkan Artikel
Simpan Artikel
Seperti artikel
- Terakhir Diperbarui. 09 Juli 2021
Meningkatkan Artikel
Simpan Artikel
Pada artikel ini, kita akan membahas tiga cara sederhana untuk menghapus elemen 'div' tertentu menggunakan Javascript biasa
Menggunakan parentNode. hapusAnak(). Metode ini menghapus simpul anak tertentu dari pohon DOM dan mengembalikan simpul yang dihapus.
- Sintaksis.
- Contoh. Contoh ini menggunakan parentNode. metode removeChild() untuk menghapus elemen 'div' tertentu.
html
<!DOCTYPE html>
<html>
<head>
element.outerHTML=""1<element.outerHTML=""3>
element.outerHTML=""5element.outerHTML=""6
element.outerHTML=""5element.outerHTML=""8
element.outerHTML=""1element.remove()0element.outerHTML=""3>
element.remove()0head>
<element.remove()9 <!DOCTYPE html>0<!DOCTYPE html>1<!DOCTYPE html>2>
element.outerHTML=""1<156_______6 <!DOCTYPE html>0<!DOCTYPE html>1<!DOCTYPE html>9>
________157arr.pop(); _157_______2
element.outerHTML=""1element.remove()0<!DOCTYPE html>6>
element.outerHTML=""1<157_______9 html0<!DOCTYPE html>1html2
________158arr.splice(-1) arr.splice(arr.length-1) _158_______4
________158element.parentNode.removeChild(element)_158_______6
________6element.parentNode.removeChild(element)_158_______8
element.outerHTML=""1element.remove()0<9>
element.outerHTML=""1________157__159_______5 >6
element.outerHTML=""1<159_______9 0<!DOCTYPE html>1 2>
________6element.parentNode.removeChild(element)_160_______5
element.outerHTML=""1element.remove()0>9>
element.outerHTML=""1________157__157_______2 >6
element.outerHTML=""1<157_______9 html0<!DOCTYPE html>1<9
________158arr.splice(-1) arr.splice(arr.length-1) _158_______4
________158element.parentNode.removeChild(element)_158_______6
________6element.parentNode.removeChild(element)_158_______8
element.outerHTML=""1element.remove()0<9>
element.outerHTML=""1<6_______02 element.outerHTML=""03<!DOCTYPE html>1element.outerHTML=""05>
element.outerHTML=""5element.outerHTML=""08
element.outerHTML=""09element.outerHTML=""10
element.outerHTML=""09element.outerHTML=""12
element.outerHTML=""09element.outerHTML=""14
element.outerHTML=""5element.outerHTML=""16
element.outerHTML=""1element.remove()0element.outerHTML=""02>
________13
01
02
03
_13_______9>element.remove()0html>
- Keluaran
Menggunakan properti outerHTML. Properti outerHTML digunakan untuk mengatur konten elemen HTML. Oleh karena itu kita dapat menghapus elemen 'div' tertentu dengan menyetel isinya ke "" menggunakan properti outerHTML.
- sintaksis.
- Contoh. Contoh ini menggunakan atribut outerHTML untuk menghapus elemen 'div' tertentu.
html
<!DOCTYPE html>
<html>
<head>
element.outerHTML=""1<element.outerHTML=""3>
element.outerHTML=""5element.outerHTML=""6
element.outerHTML=""5element.outerHTML=""8
element.outerHTML=""1element.remove()0element.outerHTML=""3>
element.remove()0head>
<element.remove()9 <!DOCTYPE html>0<!DOCTYPE html>1<!DOCTYPE html>2>
element.outerHTML=""1<156_______6 <!DOCTYPE html>0<!DOCTYPE html>1<!DOCTYPE html>9>
element.outerHTML=""1<2
element.outerHTML=""1element.remove()0<!DOCTYPE html>6>
element.outerHTML=""1<157_______9 html0<!DOCTYPE html>1html2
________6element.parentNode.removeChild(element)_158_______4
________158element.parentNode.removeChild(element)_158_______6
________6element.parentNode.removeChild(element)_158_______8
element.outerHTML=""1element.remove()0<9>
element.outerHTML=""1________157__159_______5 >6
element.outerHTML=""1<159_______9 0<!DOCTYPE html>1 2>
________6element.parentNode.removeChild(element)_160_______5
element.outerHTML=""1element.remove()0>9>
element.outerHTML=""1________157__157_______2 >6
element.outerHTML=""1<157_______9 html0<!DOCTYPE html>1<9
________6element.parentNode.removeChild(element)_158_______4
________158element.parentNode.removeChild(element)_158_______6
________6element.parentNode.removeChild(element)_158_______8
element.outerHTML=""1element.remove()0<9>
element.outerHTML=""1<6_______02 element.outerHTML=""03<!DOCTYPE html>1element.outerHTML=""05>
element.outerHTML=""5element.outerHTML=""08
element.outerHTML=""_09element.remove()35
element.outerHTML=""_09element.remove()37
element.outerHTML=""5element.outerHTML=""16
element.outerHTML=""1element.remove()0element.outerHTML=""02>
________13
01
02
03
_13_______9>element.remove()0htmlelement.remove()50
- Keluaran
Gunakan. menghapus(). Metode ini menghapus elemen div yang ditentukan dan semua node anaknya.
- sintaksis.
- Contoh. Contoh ini menggunakan metode remove() untuk menghapus elemen 'div' tertentu.
html
<!DOCTYPE html>
<html>
<head>
element.outerHTML=""1<element.outerHTML=""3>
element.outerHTML=""5element.outerHTML=""6
element.outerHTML=""5element.outerHTML=""8
element.outerHTML=""1element.remove()0element.outerHTML=""3>
element.remove()0head>
<element.remove()9 <!DOCTYPE html>0<!DOCTYPE html>1<!DOCTYPE html>2>
element.outerHTML=""1<156_______6 <!DOCTYPE html>0<!DOCTYPE html>1<!DOCTYPE html>9>
________157arr.pop(); _157_______2
element.outerHTML=""1element.remove()0<!DOCTYPE html>6>
element.outerHTML=""1<157_______9 html0<!DOCTYPE html>1html2
________158arr.splice(-1) arr.splice(arr.length-1) _158_______4
________158element.parentNode.removeChild(element)_158_______6
________6element.parentNode.removeChild(element)_158_______8
element.outerHTML=""1element.remove()0<9>
element.outerHTML=""1________157__159_______5 >6
element.outerHTML=""1<159_______9 0<!DOCTYPE html>1 2>
________6element.parentNode.removeChild(element)_160_______5
element.outerHTML=""1element.remove()0>9>
element.outerHTML=""1________157__157_______2 >6
element.outerHTML=""1<157_______9 html0<!DOCTYPE html>1<9
________158arr.splice(-1) arr.splice(arr.length-1) _158_______4
________158element.parentNode.removeChild(element)_158_______6
________6element.parentNode.removeChild(element)_158_______8
element.outerHTML=""1element.remove()0<9>
element.outerHTML=""1<6_______02 element.outerHTML=""03<!DOCTYPE html>1element.outerHTML=""05>
element.outerHTML=""5element.outerHTML=""08
element.outerHTML=""09element.outerHTML=""10
element.outerHTML=""09element.outerHTML=""12
element.outerHTML=""09<!DOCTYPE html>62
element.outerHTML=""5element.outerHTML=""16
element.outerHTML=""1element.remove()0element.outerHTML=""02>
________13
01
02
03
_13_______9>element.remove()0html>
- Keluaran
Catatan Pribadi Saya arrow_drop_up
Menyimpan