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
<h1>Vytvoření tabulky pomocí <code>createElement</code></h1> <p>Skript vytvoří řádek, v něm buňku a té nastaví <code>colspan=2</code>.</p> <table id="tabulka"> <tr> <th>Záhlaví</th> <th>Záhlaví</th> </tr> </table>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
td { text-align: center; }
CSS
Autoformát
CSS reset
Až na konci
var tabulka = document.getElementById("tabulka"); var radek = document.createElement("tr"); var bunka = document.createElement("td"); bunka.colSpan = 2; bunka.innerHTML = "Test"; radek.appendChild(bunka); tabulka.getElementsByTagName("tbody")[0].appendChild(radek); // Případně: tabulka.tBodies[0].appendChild(radek);
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>