Kaedah dan teknik JavaScript untuk mendapatkan elemen pseudo (Pseudo-Element) atribut_teknik javascript

Unsur pseudo CSS sangat berguna - anda boleh menggunakannya untuk mencipta segi tiga CSS, menggunakannya pada petua alat dan anda juga boleh menggunakannya untuk menyelesaikan banyak tugas mudah tanpa memerlukan elemen HTML tambahan. Sebelum ini, sifat CSS bagi elemen pseudo tidak boleh diakses dengan JavaScript, tetapi kini, terdapat kaedah JavaScript baharu untuk mengaksesnya! Andaikan kod CSS anda kelihatan seperti ini:

Salin kod Kod adalah seperti berikut:

.elemen:sebelum {
kandungan: 'BARU';
warna: rgb(255, 0, 0);
}

Untuk mendapatkan atribut gaya dalam .element:before, anda boleh menggunakan kod JavaScript berikut:

Salin kod Kod adalah seperti berikut:

var color = window.getComputedStyle(
document.querySelector('.element'), ':before'
).getPropertyValue('warna')

Dengan menggunakan elemen pseudo sebagai parameter kedua kaedah window.getComputedStyle, anda boleh mendapatkan atribut dalam gaya elemen pseudo! Masukkan petua ini ke dalam pangkalan pengetahuan anda, dan apabila pelayar berkembang, elemen pseudo akan menjadi lebih dan lebih berguna!