varnie/changeTdStyleUsingPrototype.html

## changeTdStyleUsingPrototype.html
<html>
<head>
<title>getElementById example#3</title>

<style>
 table .c { color: red }
 .a.c {color: green}
</style>

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("prototype", "1.6.0.2");</script>


<script type="text/javascript">

function changeStyle(theId){
   var cell = $$("#"+theId+" tr td:first");

   cell.each(function(c){
     c.toggleClassName("a");
   });
}

Event.observe(window, 'load', function() {
 $("b").observe("click", function() { changeStyle("t"); });
});
</script>
</head>

<body>

<table id="t">
 <tr>
   <td class="c">Текст</td>
 </tr>
</table>

<button id="b">change color</button>

</body>
</html>
	<html>
	<head>
	<title>getElementById example#3</title>

	<style>
	table .c { color: red }
	.a.c {color: green}
	</style>

	<script type="text/javascript" src="http://www.google.com/jsapi"></script>
	<script type="text/javascript">google.load("prototype", "1.6.0.2");</script>


	<script type="text/javascript">

	function changeStyle(theId){
	var cell = $$("#"+theId+" tr td:first");

	cell.each(function(c){
	c.toggleClassName("a");
	});
	}

	Event.observe(window, 'load', function() {
	$("b").observe("click", function() { changeStyle("t"); });
	});
	</script>
	</head>

	<body>

	<table id="t">
	<tr>
	<td class="c">Текст</td>
	</tr>
	</table>

	<button id="b">change color</button>

	</body>
	</html>