Siam2Advance Blog :

Web Programmer and Developer

Feb
04

Set Style Sheet by Javascript

Posted by Mr. Suriya

มีหลายครั้งที่จำเป็นต้องใช้ Javascript ในการ Set Style Sheet ให้กับ TAG ต่างๆใน HTML
บางทีก็หลงๆลืมไปเลยมาเขียนเตือนความจำในการใช้ javascript set attributes ให้กับ TAG ครับ

ตัวอย่าง :
หากเราต้องการจะเปลี่ยน Background imageให้กับปุ่ม Submit สามารถ set attributes ได้ดังนี้ครับ

<input type=”submit” id=”submit” onmouseover=”this.style.backgroundImage=’url(/path/to/image.jpg)’; ” />

ตามตัวอย่างนั้นจะเป็นการกำหนดให้เปลี่ยนรูป Background ให้กับปุ่ม Submit เมื่อมีการนำเม้ามา RollOver ครับ
ซึ่งบ่อยครั้งครับที่จะสับสนเรื่องของชื่อ attributes ของ Style บ่อยๆเพราะถ้าเขียนใน Style ก็จะเป็น background-imge:url();


มาดู Tag อื่นๆบ้างครับจะได้ไม่ลืม โดยหลักการของการใส่ชื่อก็แค่แทนที่
การใช้ - นั้นให้ตัดทิ้งไำปแต่ให้ใส่ตัวอักษรตัวใหญ่ของคำต่อไปแทนเท่านั้น

marginBottom
marginLeft
marginRight
marginTop
backgroundColor
backgroundImag = ‘url()’;
lineHeight
textAlign
textDecoration
textIndent
textTransform
verticalAlign

Add A Comment