頁:
[1]
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來取得,可是做了一樣不行
請各位前輩們幫個忙謝謝!
...<div class='locked'><em>瀏覽完整內容,請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div><div></div> 要設定元素外觀有以下方法
1. inline css
直接在元素裡打上 style
<table style="background: red;">...</table>
2. style element
在 <head /> 裡面加上一個 style element
用 css selector 來指定要對象元素
<style>
.my-table{
background: red
}
</style>
而<table class='my-table'>...</table>
本帖最後由 ren1244 於 2018-2-12 04:10 PM 編輯
function CreateCalendar(month,firstday)
{
document.write("<table class='cssClassName'>");
document.write("<tr><th>日<th>一<th>二<th>三<th>四<th>五<th>六</tr>");column
= 0;
for(i=0;i<firstday;i++)
{//這邊沒有考慮到<tr></tr>可能會出問題
document.write("<td></td>");
column++;
}第5行加上class='對應的css class 名稱'
然後css裡面用
.cssClassName{
......
}即可
...<div class='locked'><em>瀏覽完整內容,請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div>
頁:
[1]