| ポイント |
<![CDATA[
tagList = document.all.tags("td");
for (i=0; i<tagList.length; i++)
{
tagList[i].style.backgroundColor = "yellow";
}
]]>
|
| 説 明 |
全てのテーブルのセル内容を変更するにはtag()メソッドを使って特定のタグのみを読み出します。tagList = document.all.tags("td")のようにするとtagListにページ内の全てのtdタグの情報が入ります。tagList[参照番号]でtdタグオブジェクトにアクセスできます。背景色を指定するには「tagList[参照番号].style.backgroundColor = カラーコード」のようになります。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>テーブルのセルの背景色を変更する</title>
<script language="JavaScript"><!--
function setCell()
{
tagList = document.all.tags("td");
for (i=0; i<tagList.length; i++)
{
tagList[i].style.backgroundColor = "yellow";
}
}
// --></script>
</head>
<body>
<a href="javaScript:setCell()">背景色を変更する</a><br>
<table border="1">
<tr><td>1</td><td>Data 1</td></tr>
<tr><td>2</td><td>Data 2</td></tr>
<tr><td>3</td><td>Data 3</td></tr>
</table>
</body>
</html>
]]>
|
| 補足説明 |
なし |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
テーブルのセルの背景色を変更する