Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations wOOdy-Soft on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Set all table rows to a colour.

Status
Not open for further replies.
bigozz

bigozz

Programmer
Apr 12, 2001
39
GB
I am trying to change the background colour of all the rows in a table, I started out by using a for loop, but when there is a lot of data in the table it takes a shed load of time to complete.

Is there something like table.rows.all.bgcolor which I can set?

Thanks in advance
 
Sort by date Sort by votes
are you doing this dynamicly? if not
<style>
tr {background-color:#FF0000;}
</style>
<table>
<tr>
<td>
blah
</td>
</tr>
</table> You cannot mandate productivity, you must provide the tools to let people become their best.
-Steve Jobs
admin@onpntwebdesigns.com
 
Upvote 0 Downvote
<script>
<!--
function change(){
for(i=0;i<table1.rows.length;i++){
table1.rows.style.background=&quot;black&quot;;
}
}
//-->
</script>
<body onLoad=&quot;change()&quot;>
<table id=&quot;table1&quot;>
<tr><td>a</td></tr>
<tr><td>s</td></tr>
<tr><td>d</td></tr>
</table>
</body>

Rick It's a pleasure to know that I've helped you. If I have,
please click the link below to let me know. :)
 
Upvote 0 Downvote
sorry. i forgot the part about no for loop.

Rick It's a pleasure to know that I've helped you. If I have,
please click the link below to let me know. :)
 
Upvote 0 Downvote
sorry, shouldn't have put those td's in there. try this for a example
<style>
tr {background-color:#FF0000;}
td {background-color:#808080;}
</style>


<table>
<tr>
blah
</tr>
<td>
blah
</td>
</table> You cannot mandate productivity, you must provide the tools to let people become their best.
-Steve Jobs
admin@onpntwebdesigns.com
 
Upvote 0 Downvote
Don't know if this helps,

document.getElementById(&quot;table1&quot;).style.background=&quot;red&quot;


<table id=&quot;table1&quot;>
<tr>
<td></td>
</tr>
</table>


tsmith
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

lexer
  • Locked
  • Question
Passing fields from (html-JavaScript) table to JavaScript Function
Replies
0
Views
800
lexer
lexer
malpa
  • Locked
  • Question
Graph the selection of a html table row
Replies
0
Views
818
malpa
malpa
coldbohemia
  • Locked
  • Question
jquery function always returns contents of the same table cell, no matter which table cell i click
Replies
0
Views
733
coldbohemia
coldbohemia
Kennelbloke
  • Locked
  • Question
Can't Get Markers to show on Map
Replies
0
Views
1K
Kennelbloke
Kennelbloke
Mike Lewis
  • Locked
  • Question
Anyone here got any experience of Grid.JS (a sortable Javascript grid) 1
Replies
5
Views
2K
Mike Lewis
Mike Lewis

Part and Inventory Search

Sponsor

Back
Top