→絕對位置的動態樣式
  ←上一頁
  →回CSS選單
  →回首頁

動態CSS樣式

〔Style物件的屬性〕
使用JavaScript程式碼存取Style物件的表示法:
  objEle.style.物件屬性=屬性的值; 

對映表:
Style物件屬性 CSS 樣式屬性
color color
font-size fontSize
font-family fontFamily
background-color backgroundColor
background-image backgroundImage
display display


〔例1〕
  document.all.bodycolor.style.fontSize='10pt'; 

〔例2〕
  this.className='Apple'; 

〔例3〕

 <span class='Apple' onmouseOver="this.className='banana'; this.innerText='做得不錯唷!'" onmouseOut="this.className='Apple'; this.innerText='繼續加油!'">滑鼠移過來</span> 
滑鼠移過來