伊莉討論區

標題: javascript如何取得css元素? [打印本頁]

作者: 鄭偉博    時間: 2017-12-20 12:29 AM     標題: javascript如何取得css元素?

function CreateCalendar(month,firstday)
{
  document.write("<table border>");
  document.write("<tr><th>日<th>一<th>二<th>三<th>四<th>五<th>六</tr>");column = 0;
  for(i=0;i<firstday;i++)
  {
    document.write("<td></td>");
    column++;       
  }
   .
   .
   .
   .
這是JS檔一部份的程式碼
我想問的是如果要用CSS來改變table的外觀(例如外框還有顏色等)
該怎麼做呢?
我的CSS是由外部連結的不是打在HTML裡面
上網爬了一下文
網路上說用getelementbyid來取得,可是做了一樣不行
請各位前輩們幫個忙謝謝!

作者: uhbijn9i    時間: 2018-1-11 04:56 AM

提示: 作者被禁止或刪除 內容自動屏蔽
作者: ren1244    時間: 2018-2-12 04:10 PM

本帖最後由 ren1244 於 2018-2-12 04:10 PM 編輯
  1. function CreateCalendar(month,firstday)

  2. {

  3.   document.write("<table class='cssClassName'>");

  4.   document.write("<tr><th>日<th>一<th>二<th>三<th>四<th>五<th>六</tr>");column
  5. = 0;

  6.   for(i=0;i<firstday;i++)

  7.   {//這邊沒有考慮到<tr></tr>可能會出問題

  8.     document.write("<td></td>");

  9.     column++;        

  10.   }
複製代碼

第5行加上class='對應的css class 名稱'
然後css裡面用
  1. .cssClassName{
  2.       ......
  3. }
複製代碼
即可






歡迎光臨 伊莉討論區 (http://www47.eyny.com/) Powered by Discuz!