|
Сообщение от -=1100=-
|
|
Как сделать данную функцию более "красивой"?
|
Как вариант...
<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
function colortab() {
var colors;
// беру таблицы с классом "price_table"
var tab = document.getElementsByTagName('table');
x=1;
for(var i=0; i<tab.length; i++){
// перебираю tr
var tr = tab[i].getElementsByTagName('tr');
for (var k=0; k<tr.length; k++){
// через один подкрашиваю td
colors=(k%2==1)? 'red': 'yellow';
var td = tr[k].getElementsByTagName('td');
for(var m=0; m<td.length; m++){
td[m].style.background=colors
}
}
}
}
</script>
</head>
<body onload='colortab()'>
<table>
<tr>
<td>1</td>
</tr>
<tr>
<td>2</td>
</tr>
<tr>
<td>3</td>
</tr>
<tr>
<td>4</td>
</tr>
</table>
</body>
</html>