特定<table>内の<td>の色を変える

質問

お世話になります。
特定<table>内の<td>の色を変える
<table id="abc">
<tr>
<td>あああああ</td>
<td>いいい</td>
<td>ううう</td>
</tr>
</table>
<table>にはidを定義します。
その<td>タグにはidを定義していません。
このとき、あああああ、いいい、うううの表示色を
<input type="button" value="色を変える" onClick="ChngColor()">

なんてことで、
マウスをクリックすることにより変更できないものでしょうか。
よろしくお願いいたします。

回答No.3

tabide · ベストアンサー

#1さんへの補足より――

> functio ChngColor(){
> var Obj=document.getElementById('abc');
> Obj=document.getElementsByTagName("td");
> for (var i=0;i<Obj.length;i++){
> Obj.style.color="red";
> }
> }

特に3行目がいけない。こう変えましょう。
（あと、詰めすぎは見づらいので、適当に空白を入れました）

function ChngColor() {
var Obj1 = document.getElementById('abc');
var Obj2 = Obj1.getElementsByTagName("td");
for (var i = 0; i < Obj2.length; i++) {
Obj2[i].style.color = "red";
}
}

お礼

tabideさん、レスありがとうございます。
できました。
あるタグの下位にあるタグの操作の仕方がわかったような気がします。
ありがとうございました。

回答No.2

nitto3

a:hover { text-decoration : none ; color : "#cc3366" ; background : "#ffffff"}
こんな感じで文字のカラーを変えています。
これを応用したらいいと思います。

回答No.1

noname#39970

DOM使って　tableのid指定して文字色(style)指定したら　纏めて変るんじゃ？

補足

SAYAKAさん、早速レスありがとうございます。
functio ChngColor(){
var Obj=document.getElementById('abc');
Obj=document.getElementsByTagName("td");
for (var i=0;i<Obj.length;i++){
Obj.style.color="red";
}
}
と、やってみました。全てのテーブルの<td>が変わってしまいます。
id="abc"の<table>内の<td>のみ指定するにはどうしたらよいのでしょうか。
よろしくお願いいたします。
もう少し教えていただけないでしょうか。