Rumah  >  Artikel  >  hujung hadapan web  >  js untuk mendapatkan kemahiran inline style_javascript

js untuk mendapatkan kemahiran inline style_javascript

WBOY
WBOYasal
2016-05-16 16:17:551181semak imbas

Contoh dalam artikel ini menerangkan cara mendapatkan gaya sebaris dalam js. Kongsikan dengan semua orang untuk rujukan anda. Kaedah pelaksanaan khusus adalah seperti berikut:

Salin kod Kod adalah seperti berikut:





javascript mendapat gaya sebaris


#kotak{
lebar:100px;
ketinggian:100px;
background-image:url(1.jpg);
saiz latar belakang:140% 140%;
background-repeat:no-repeat;
sempadan:20px rgba pepejal(0,0,0,.3);
background-clip:border-box;
kedudukan latar belakang:-20px -20px;
}






//Dapatkan elemen gaya sebaris
fungsi getStyle( obj , attr )
{
jika (window.getComputedStyle) {
kembalikan getComputedStyle( obj , null )[attr];
}lain{
kembalikan obj.currentStyle[attr];
}
}
//Dapatkan objek
fungsi $(id){
kembalikan document.getElementById(id);
}
kotak var = $('kotak');

//Gaya cetak
alert(getStyle(box , 'background-position'));

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn