Rumah > hujung hadapan web > tutorial js > Tambahkan berbilang gaya pada elemen melalui js, serasi sepenuhnya dengan kemahiran browsers_javascript

Tambahkan berbilang gaya pada elemen melalui js, serasi sepenuhnya dengan kemahiran browsers_javascript

WBOY
Lepaskan: 2016-05-16 16:38:24
asal
2190 orang telah melayarinya

js menambah berbilang gaya pada elemen, serasi sepenuhnya dengan penyemak imbas Contoh kaedah penulisan:

<a href="javascript:;" id="test" style="font-size:25px;background:#080;">测试3</a>
<script>
var obj=document.getElementById("test");
var oldStyle=obj.style.cssText;
alert(oldStyle);
obj.style.cssText="border:2px red solid;color:#f00;"+oldStyle;
</script>
Salin selepas log masuk

js menambah berbilang gaya pada elemen Cara yang paling cepat dan mudah ialah menggunakan atribut cssText, tetapi ia akan menulis semula nilai asal bagi keseluruhan gaya, anda boleh melakukannya ia seperti contoh di atas Gunakan pembolehubah untuk merekod nilai gaya asal, dan kemudian lakukan penggabungan rentetan.

Tetapi satu perkara yang perlu diambil perhatian ialah: nilai gaya terakhir yang dikembalikan oleh obj.style.cssText dalam pelayar IE8 dan ke bawah tidak mempunyai koma bertitik dan kelihatan seperti: font-size:25px;background:#080. Saya hanya ingin mengatakan bahawa ie adalah tidak menyenangkan seperti biasa, haha.

Jadi dalam contoh, oldStyle sengaja diletakkan selepas penyambungan rentetan Dengan cara ini, walaupun nilai gaya terakhir rentetan gaya yang disambung tidak mempunyai koma bertitik, tidak akan ada masalah dalam setiap penyemak imbas akan menjadi konsisten Ini juga Ia adalah helah kecil, ia tidak terlalu teknikal, tetapi ia mudah untuk diabaikan atau dilupakan Saya tahu saya mempunyai ingatan yang buruk, jadi saya akan menandakannya ^_^

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan