Ringkasan kaedah asli untuk mendapatkan gaya dalam petua JavaScript_javascript

WBOY
Lepaskan: 2016-05-16 16:34:54
asal
1015 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: hanya boleh mendapatkan nilai gaya yang ditulis dalam atribut gaya dalam teg elemen dan tidak boleh mendapatkan nilai gaya yang ditakrifkan dalam Atribut gaya dimuatkan

Salin kod Kod adalah seperti berikut:

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

2. window.getComputedStyle(): boleh mendapatkan semua nilai atribut CSS akhir elemen semasa.

Salin kod Kod adalah seperti berikut:
window.getComputedStyle("Element", "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 terakhir yang digunakan pada elemen (termasuk fail CSS pautan luaran, atribut