Bagaimana cara mengimplementasikan javascript untuk mendapatkan nilai atribut css suatu elemen secara akurat? Ketika berhadapan dengan properti CSS elemen DOM, kita sering menemui masalah: nilai properti CSS telah ditentukan pada halaman, tetapi kosong saat diperoleh. Hal ini karena file style sheet atau informasi Style default CSS sebaris tidak dapat direfleksikan dengan andal dalam atribut style. Artikel ini memperkenalkan Anda pada metode untuk mendapatkan nilai atribut CSS dari elemen tertentu secara akurat.
skrip java:
Contoh Kode Sumber
[www.downcodes.com] <skrip tipe="teks/javascript">
fungsi getStyle(elemen, nama)
{
//Jika atribut ini ada di style[], atribut ini baru saja disetel (dan merupakan atribut terkini)
if (elem.style[nama])
{
return elem.style[nama];
}
// Jika tidak, coba metode IE
else if (elem.currentStyle)
{
return elem.currentStyle[nama];
}
//Atau metode W3C, jika ada
else if (document.defaultView && document.defaultView.getComputedStyle)
{
//Ini menggunakan metode penulisan aturan gaya "text-Align" tradisional, bukan "textAlign"
nama = nama.ganti(/([AZ])/g,"-$1");
nama = nama.toLowerCase();
//Dapatkan objek gaya dan dapatkan nilai atributnya (jika ada)
var s = document.defaultView.getComputedStyle(elem,"");
return s && s.getPropertyValue(nama);
//Jika tidak, Anda menggunakan browser lain
}
kalau tidak
{
kembalikan nol;
}
}
</skrip>
