ฉันเพิ่งเห็นบทความดีๆ เกี่ยวกับการใช้ js เพื่อเรียกคุณสมบัติ css (^_^) ก็ไม่เลวนะ! เพื่อป้องกันการลืมให้สรุปไว้
1. สำหรับแอตทริบิวต์ CSS ที่ไม่มีขีดกลาง โดยทั่วไปให้ใช้ชื่อแอตทริบิวต์โดยตรง
เช่น: obj.style.margin, obj.style.width, obj.style.left, obj.style.position เป็นต้น
2. สำหรับแอตทริบิวต์ CSS ที่มีขีดล่าง ให้ลบขีดล่างแต่ละตัวออก และเปลี่ยนอักขระตัวแรกหลังขีดล่างแต่ละตัวเป็นตัวพิมพ์ใหญ่
เช่น: obj.style.marginTop, obj.style.borderLeftWidth, obj.style.zIndex, obj.style.fontFamily เป็นต้น
เนื่องจาก float เป็นคำสงวนของ Javascript จะเขียน float ในสไตล์ชีตใน js ได้อย่างไร?
เราไม่สามารถใช้ obj.style.float โดยตรงได้ เนื่องจากการดำเนินการนี้ไม่ถูกต้อง
วิธีใช้งานที่ถูกต้องคือ: IE: obj.style.styleFloat, เบราว์เซอร์อื่นๆ เช่น Mozilla (gecko), ff ฯลฯ ใช้ styleFloat: obj.style.cssFloat
ผมขอยกตัวอย่างเพื่อให้ทุกคนเข้าใจได้ง่ายขึ้น:
คัดลอกรหัสรหัสดังต่อไปนี้:
<divonclick="alert(this.style.float);
this.style.float='ซ้าย';
alert(this.style.float);">ทดสอบ 1</div>
<divonclick="alert(this.style.float);
ถ้า(this.style.cssFloat){this.style.cssFloat='ซ้าย';
}else{this.style.styleFloat='left';
}alert(this.style.float);">ทดสอบ 2</div>