2013-03-14 19 views
-2

重點在於顯示日曆(2013年3月),並使用JavaScript更改當天的CSS。這裏是我的壓延機:它爲什麼我的日曆不能工作?

<table border="1"> 
    <tr><th>Sun</th><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th></tr> 
    <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td id="1">1</td><td id="2">2</td><td id="3">3</td></tr> 
    <tr><td id="4">4</td><td id="5">5</td><td id="6">6</td><td id="7">7</td><td id="8">8</td><td id="9">9</td><td id="10">10</td></tr> 
    <tr><td id="11">11</td><td id="12">12</td><td id="13">13</td><td id="14">14</td><td id="15">15</td><td id="16">16</td><td id="17">17</td></tr> 
    <tr><td id="18">18</td><td id="19">19</td><td id="20">20</td><td id="21">21</td><td id="22">22</td><td id="23">23</td><td id="24">24</td></tr> 
    <tr><td id="25">25</td><td id="26">26</td><td id="27">27</td><td id="28">28</td><td id="29">29</td><td id="30">30</td><td id="31">31</td></tr> 
</table> 

這裏的幾天隔離:

<td id="25">25</td><td id="26">26</td> 

所以基本上一樣,所有的日子裏,這是我的JS:

<script type="text/javascript"> 
     var day=dateObj.getUTCDate(); 
     document.getElementById(day).style.text-decoration="underline"; 
     document.getElementById(day).style.color="red"; 
    </script> 

和它不起作用。我假設問題出現在我的JavaScript中,那麼您可以幫忙嗎?

注意:壓光機本身顯示正常,但不會使當前的日子變紅或下劃線。

編輯:Com'on傢伙,我已經試過一切。不要不喜歡,我認爲這個地方是爲了幫助小菜鳥,而不是嘲笑他們。

+0

什麼是dateObj? – j08691 2013-03-14 19:46:49

+1

由於您的帖子沒有顯示任何調試工作,您正在被降低投票。例如,使用'console.log(..);檢查你的變量實際包含的內容。 – ThiefMaster 2013-03-14 19:47:17

+0

這是他們告訴我做的,當我在網上查找它。 – BBMAN225 2013-03-14 19:48:09

回答

1

您需要將dateObj定義爲Date對象。

var dateObj = new Date(); 
var day = dateObj.getUTCDate(); 
document.getElementById(day).style.textDecoration = "underline"; 
document.getElementById(day).style.color = "red"; 

jsFiddle example

並參考樣式是在CSS複姓時,你在JavaScript駝峯他們(例如textDecoration VS文字修飾)。

另請注意,在HTML5之前,以數字開頭的ID無效。

+0

我使用html5,所以這不是問題。但讓我試試你的代碼 – BBMAN225 2013-03-14 20:07:06

+1

它的工作原理!謝謝! – BBMAN225 2013-03-14 20:08:15

0
document.getElementById(day).style.text-decoration="underline"; 

所有的CSS屬性,通常需要一個連字符-使用駝峯而不是*,因爲JavaScript不能採取一個連字符在未與[]訪問的任何名稱/屬性:

document.getElementById(day).style.textDecoration = "underline"; 

*它被解釋爲負數,在這種情況下沒有意義