Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<title>Otočení řádků tabulky</title> <h1>Otočení řádků tabulky</h1> <p><button onclick="otocit()">Otočit tabulku</button></p> <table style="float: left;" width="650" id="tabulka"> <tr> <td colspan="2" width="650"></td> </tr> <tr> <td width="400">nadpis_1</td><td width="250">rok_1</td> </tr> <tr> <td colspan="2" width="650">popis_1</td> </tr> <tr> <td colspan="2" width="650"></td> </tr> <tr> <td width="400">nadpis_2</td><td width="250">rok_2</td> </tr> <tr> <td colspan="2" width="650">popis_2</td> </tr> <tr> <td colspan="2" width="650"></td> </tr> </table>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
function otocit() { var radky = document.getElementById('tabulka').rows; for (var i = 0; i < radky.length; i++) { radky[i].parentNode.insertBefore( radky[radky.length - 1], radky[i] ); } }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>