Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Раскрасить таблицу (https://javascript.ru/forum/misc/17791-raskrasit-tablicu.html)

person 08.06.2011 07:08

nikita.mmf, спасибо, но я своих вариантов ещё в первый день накидал не один(очень похожих), а monolithed просто ошибку указал. Просто интересно, есть ли ещё более крутое решение, вот и слежу за темой, проверяю.


TicTac, коду много, имхо.


Если надо без скрипта, используем TD и TH, для небольших табличек пойдёт.

NoResponse 08.06.2011 08:56

да не будет других скорее всего, только подобные
<script type="text/javascript">
window.onload = function(){
    var tr	= document.getElementById('table').getElementsByTagName('tr'),
    	i	= tr.length;
    while(i--) {
	    var td	= tr[i].getElementsByTagName('td'),
			j	= td.length;
	    while(j--) {
	        td[j].style.backgroundColor = (i+j)%2 ? 'red' : 'green';
	    }
    }
};
</script>
<style>
td {
    border: 1px solid #FFF;
    width: 50px;
    height: 50px;
}
</style>
<table id="table">
    <tr><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td></tr>
    <tr><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td></tr>
    <tr><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td></tr>
    <tr><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td></tr>
</table>


Часовой пояс GMT +3, время: 17:41.