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
<table> <thead> <tr><th>Číslo</th><th>Následník</th></tr> </thead> <tbody> <tr><td>0</td><td>1</td></tr> <tr><td>1</td><td>2</td></tr> <tr><td>2</td><td>3</td></tr> <tr><td>3</td><td>4</td></tr> <tr><td>4</td><td>5</td></tr> </tbody> </table> <button onclick="pridat()">Přidat dalších 5</button>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
function pridat() { var tab = document.getElementsByTagName('table')[0]; var body = document.createElement('tbody'); for (var i = tab.tBodies.length * 5; i < tab.tBodies.length * 5 + 5; i++) { var row = body.insertRow(); row.insertCell(0).innerHTML = i; row.insertCell(1).innerHTML = i + 1; } $(body).hide(); tab.appendChild(body); $(body).fadeIn('slow'); // slide nefunguje }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>