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

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>

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 ^_^