04
Set Style Sheet by Javascript
มีหลายครั้งที่จำเป็นต้องใช้ 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