おしえて

javascriptでカレンダーを作る

解決済

質問者：sushikui
質問日時：2015/12/08 03:11
回答数：3件

下に書かれているjavascriptは縦6マス・横7マスで一番上のマスごとにはsun・mon・tue・wed・thu・fri・satと書かれ、その下の水曜日(wed)のマスから順に1～30まで一マスごとに数字を入れられ、sun・5・12・19・26は赤文字で書かれ、1より前のマスや30以降のマスは空欄のカレンダーを表示することができますが、この状態だとsun・5・12・19・26とそれらが書き込まれたマスが赤くなってしまいます。sun・5・12・19・26だけを赤くさせるにはどうすればいいとおもいますか？

<!DOCTYPE html>
<html lang="java">
<head>
<meta charset="utf-8">
<title>sample</title>
</head>
<body>
<script>
var youbi = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"];
var table=document.createElement("table");
table.setAttribute("border",1);
var tbody=document.createElement("tbody");
for(var i=0;i<6;i++){
var tr=document.createElement("tr");
for(var j=0;j<7;j++){
var td=document.createElement("td");
if (i == 0) {
var txt=youbi[j];
} else {
var txt=(i-1)*7+j-2;
if (txt < 1 || txt > 30) {
txt = "";
}
}
td.appendChild(document.createTextNode(txt));
if (j == 0) {
td.style.color='red';
}
tr.appendChild(td);
}
tbody.appendChild(tr);
}
table.appendChild(tbody);
document.getElementsByTagName("body")[0].appendChild(table);
</script>
</body>
</html>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

参考程度に

No.3ベストアンサー

回答者： gao57830
回答日時：2015/12/09 21:12

----- ここから -----------

td.appendChild(document.createTextNode(txt));
if (j == 0) {
td.style.color='red';
}
tr.appendChild(td);
----- ここまでを -----------

----- ここから -----------
var oDiv=document.createElement("div");
oDiv.appendChild(document.createTextNode(txt));
if (j == 0) {
oDiv.style.color='red';
}
td.appendChild(oDiv);
tr.appendChild(td);
----- ここへ差替え -----------