How to address a specific <td> as an object in JavaScript?

Tags: Web Development, Html, Javascript
Email this Topic • Print this Page

Read Discussion
Reply to All

I'm having some problems with changing the background of table cells. I've tried the document.tables.td thing, but it didn't work. Document.all didn't work either. "ID" & getElementById also fails. What else could be done?

In <head>:
[code]<style>

#lefttop2 { background-repeat: no-repeat; background-position: center center; }
#top { background-repeat: no-repeat; background-position: center center; }
#righttop2 { background-repeat: no-repeat; background-position: center center; }
#leftside { background-repeat: no-repeat; background-position: center center; }
#rightside { background-repeat: no-repeat; background-position: center center; }
#leftbottom2 { background-repeat: no-repeat; background-position: center center; }
#bottom2 { background-repeat: no-repeat; background-position: center center; }
#rightbottom2 { background-repeat: no-repeat; background-position: center center; }
</style>

<script language="JavaScript">

</script>[/code]

Topic Stats
Top Replies
Link/Embed

Type: Discussion • Score: 2 • Views: 1,469 • Replies: 4

Check this sample.
Paste this html:

Code:



		<table>

			<tr>

				<td id="cell1">cell</td>

			</tr>

		</table>

For changing background color of cell1 you can use one this two methods:

Direct access to bgColor property of TD

Code:document.all.cell1.bgColor = 'green'

Or using style collection:

Code:document.all.cell1.style.backgroundColor = 'red'

I prefer usinig first method because of browser incompatibility accessing to style collection

0 Replies

thanks
Thanks, but this one has always worked. I can't, however, change background pictures that way even through commands copied directly from reference and hints, for some reason. Does it mean the table has to have its name too, not only the cells. Or what can it be?

0 Replies

For changing background image (not color, sorry, I have't read you post carefully) you can do this:

Code:document.all.cell1.background = 'img1.jpg';

0 Replies

Thanks. So it seems my code was right and a friend's site where I was trying to implement it was otherwise screwed. Good to know this at least Wink

0 Replies

Read Discussion
Reply to All

How to address a specific <td> as an object in JavaScript?

Related Topics