Rumah > hujung hadapan web > tutorial js > Menggunakan JavaScript asli untuk mendapatkan gaya elemen hanyalah mendapatkan kemahiran it_javascript

Menggunakan JavaScript asli untuk mendapatkan gaya elemen hanyalah mendapatkan kemahiran it_javascript

WBOY
Lepaskan: 2016-05-16 16:34:42
asal
1100 orang telah melayarinya

ps: Ia adalah untuk mendapatkan gaya, bukan untuk menetapkan gaya. Jika tiada nilai gaya ditetapkan untuk elemen, nilai lalai yang diberikan oleh penyemak imbas dikembalikan. (Kompilasi forum)

1. element.style: Anda hanya boleh mendapatkan nilai gaya yang ditulis dalam atribut gaya dalam teg elemen Anda tidak boleh mendapatkan nilai gaya yang ditakrifkan dalam "css.css ”>Atribut gaya dimuatkan

Salin kod Kod adalah seperti berikut:

var ele = document.getElementById('ele');
ele.style.color; //Dapatkan warna

2. window.getComputedStyle(): Anda boleh mendapatkan semua nilai atribut CSS terakhir unsur semasa.

Salin kod Kod adalah seperti berikut:

window.getComputedStyle("elemen", "pseudo-class");

Kaedah ini menerima dua parameter: elemen untuk mendapatkan gaya yang dikira dan rentetan unsur pseudo (seperti ":before"). Jika maklumat unsur pseudo tidak diperlukan, parameter kedua boleh menjadi batal. juga boleh digunakan melalui document.defaultView.getComputedStyle("elemen", "pseudo-class");

Salin kod Kod adalah seperti berikut:

var ele = document.getElementById('ele');
var styles = window.getComputedStyle(ele,null);
styles.color; //Dapatkan warna

Anda boleh melihat bilangan gaya lalai penyemak imbas melalui style.length. IE6-8 tidak menyokong kaedah ini dan anda perlu menggunakan kaedah kemudian. Untuk Firefox dan Safari, warna akan ditukar kepada format rgb.

3. element.currentStyle: Khusus IE, mengembalikan nilai atribut CSS akhir yang digunakan pada elemen (termasuk fail CSS pautan luaran, atribut