クリックしたテーブル選択行の背景色を変える

サンプルソース

<script language="Javascript">
function Click_Sub(obj) {
    obj.style.backgroundColor='#cccccc'
}
</script>

<table border=1 width=100%>
<tr onclick="Click_Sub(this)"><td>テキスト1
<tr onclick="Click_Sub(this)"><td>テキスト2
</table>

backgroundColorに色名(redなど)または色コード(#ff0000など)を指定すると背景色を変更できます。
CSSのbackground-colorでは指定できないので注意してください。

また、backgroundColorで値を取得できますが、rgb(255,255,255)の形式で返されます。
#ccccccを指定した場合は、rgb(204,204,204)が返されます。

実行結果

テキスト1
テキスト2


関連する内容






Copyright (C) JavaScript@Workshop All rights reserved.