如何更改<TD>使用javascript的forecolor /文本顏色和boder顏色

我想更改text color和的<TD>元素。我搜索了它，但沒有得到適當的解決方案。當我使用border-color:blue它只是改變3邊界 td的顏色但td的頂部邊界仍然沒有改變我不知道它爲什麼。如何更改<TD>使用javascript的forecolor /文本顏色和boder顏色

並且我還想使用java腳本更改 td但沒有這種屬性。請給我建議我該怎麼做？

我想在這裏創造壓延機的控制是我的代碼...

<script id="allTemplate" type="text/raj"> 
<tr> 


      {{if "Su" == Sunday }} 
      <td>${Sunday}</td> 
      {{else}} 
      {{if date.getDate() == Sunday }} 
      <td id="cell${Sunday}" style="border:1px solid blue;cursor: pointer" onclick="selectDate('${Sunday}','cell${Sunday}')">${Sunday}</td> 
      {{else}} 
       {{if "" == Sunday }} 
        <td>${Sunday}</td> 
        {{else}} 
      <td id="cell${Sunday}" style="cursor: pointer" onclick="selectDate('${Sunday}','cell${Sunday}')">${Sunday}</td> 
        {{/if}} 
      {{/if}} 
      {{/if}} 
      {{if "Mo" == Monday }} 
      <td>${Monday}</td> 
      {{else}} 
      {{if date.getDate() == Monday }} 
      <td id="cell${Monday}" style="border:1px solid blue; cursor: pointer" onclick="selectDate('${Monday}','cell${Monday}')"><font color="Red">${Monday}</font></td> 
      {{else}} 
       {{if "" == Monday }} 
      <td>${Monday}</td> 
       {{else}} 
      <td id="cell${Monday}" style="cursor: pointer" onclick="selectDate('${Monday}','cell${Monday}')">${Monday}</td> 
       {{/if}} 
      {{/if}} 
      {{/if}} 
      {{if "Tu" == Tuesday }} 
      <td>${Tuesday}</td> 
      {{else}} 
      {{if date.getDate() == Tuesday }} 
      <td id="cell${Tuesday}" style="border:1px solid blue; cursor: pointer" onclick="selectDate('${Tuesday}','cell${Tuesday}')"><font color="Red">${Tuesday}</font></td> 
      {{else}} 
        {{if "" == Tuesday }} 
      <td>${Tuesday}</td> 
        {{else}} 
      <td id="cell${Tuesday}" style="cursor: pointer" onclick="selectDate('${Tuesday}','cell${Tuesday}')">${Tuesday}</td> 
        {{/if}} 
      {{/if}} 
      {{/if}} 
      {{if "We" == Wednesday }} 
      <td>${Wednesday}</td> 
      {{else}} 
      {{if date.getDate() == Wednesday }} 
      <td id="cell${Wednesday}" style="border:1px solid blue; cursor: pointer" onclick="selectDate('${Wednesday}','cell${Wednesday}')"><font color="Red">${Wednesday}</font></td> 
      {{else}} 
       {{if "" == Wednesday }} 
       <td>${Wednesday}</td> 
       {{else}} 
      <td id="cell${Wednesday}" style="cursor: pointer" onclick="selectDate('${Wednesday}','cell${Wednesday}')">${Wednesday}</td> 
       {{/if}} 
      {{/if}} 
      {{/if}} 
      {{if "Th" == Thursday }} 
      <td>${Thursday}</td> 
      {{else}} 
      {{if date.getDate() == Thursday }} 
      <td id="cell${Thursday}" style="border:1px solid blue; cursor: pointer" onclick="selectDate('${Thursday}','cell${Thursday}')"><font color="Red">${Thursday}</font></td> 
      {{else}} 
       {{if "" == Thursday }} 
       <td>${Thursday}</td> 
       {{else}} 
      <td id="cell${Thursday}" style="cursor: pointer" onclick="selectDate('${Thursday}','cell${Thursday}')">${Thursday}</td> 
       {{/if}} 
      {{/if}} 
      {{/if}} 
      {{if "Fr" == Friday }} 
      <td>${Friday}</td> 
      {{else}} 
      {{if date.getDate() == Friday }} 
      <td id="cell${Friday}" style="border:1px solid blue; cursor: pointer" onclick="selectDate('${Friday}','cell${Friday}')"><font color="Red">${Friday}</font></td> 
      {{else}} 
       {{if "" == Friday }} 
       <td>${Friday}</td> 
       {{else}} 
      <td id="cell${Friday}" style="cursor: pointer" onclick="selectDate('${Friday}','cell${Friday}')">${Friday}</td> 
       {{/if}} 
      {{/if}} 
      {{/if}} 
      {{if "Sa" == Saturday }} 
      <td>${Saturday}</td> 
      {{else}} 
      {{if date.getDate() == Saturday }} 
      <td id="cell${Saturday}" style="border:1px solid blue; cursor: pointer" onclick="selectDate('${Saturday}','cell${Saturday}')"><font color="Red">${Saturday}</font></td> 
      {{else}} 
       {{if "" == Saturday }} 
      <td>${Saturday}</td> 
       {{else}} 
      <td id="cell${Saturday}" style="cursor: pointer" onclick="selectDate('${Saturday}','cell${Saturday}')">${Saturday}</td> 
       {{/if}} 
      {{/if}} 
      {{/if}} 


</tr> 

</script>

這是第j查詢模板我要改變TD的邊框顏色，條件爲真時改變它的邊框顏色TD，但只有3個邊緣不是頂級的。

來源

2012-08-17 Raj

拉吉，請接受你之前的問題的一些答案。還發布你已經嘗試過，以便人們可以更好地幫助你。 – Shoban 2012-08-17 11:17:58

是的，但如何接受？我不知道這個程序？ – Raj 2012-08-17 11:19:13

對您所有問題的每個答案都有一個概括的答案 - 單擊您發現最有幫助的答案旁邊的答案（另外，如果有兩個有用的答案，您可能想要接受一個答案，但是提出另一個答案以表示答案幫助） – ChrisW 2012-08-17 11:20:46

我想你正在尋找的是

var td = document.getElementById('something') 
td.style.color="red" 
td.style.border="1px solid blue"

你可以看到它在行動here。

來源

2012-08-17 11:26:46

@Raj - 查看Mozilla Developer site的基本信息，並在嘗試了幾件事情後提出問題。

順便說一句，這是一個類似的方法來@Arun P佐尼的答案，但實現用jQuery：http://codepen.io/5arx/pen/djhJE

來源

2012-08-17 11:27:45 5arx

我已經GOOGLE和嘗試，但沒有得到正確的結果，所以這就是爲什麼我在這裏提出問題，現在我有更新我的代碼，但它仍然顯示錯誤的輸出，請參閱我的編輯問題 – Raj 2012-08-17 11:52:54

對不起，我沒有使用JQuery模板，所以不能評論你的實現。如果您查看項目文檔頁面（http://api.jquery.com/category/plugins/templates/），您會看到： '注意：jQuery團隊決定不將此插件作爲測試版。它不再被積極開發或維護。該文檔暫時保留（僅供參考），直到合適的替換模板插件準備就緒。' 我建議你爲這個問題添加'JQuery'標籤，讓更多SO用戶可以看到它，並嘗試使用html + javascript/jquery製作你的頁面。 – 5arx 2012-08-17 12:22:24

如果你想完全做到這一點在CSS，請注意，你需要設置的完整邊框樣式td - 如果你只設置顏色，只有那些不受其他線條樣式影響的邊框會受到影響（我認爲理解背後的全部原因相當技術和複雜！）。

In this example，紅色邊框的細胞已申請1 px solid red，但是由於邊界td粉色僅具有指定的顏色，下邊框（這是table和tr部分）不會受到影響，依此類推..

來源

2012-08-17 11:35:45 ChrisW

如何更改<TD>使用javascript的forecolor /文本顏色和boder顏色

回答

相關問題