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 id="table"> </table> <button onclick="addRow()"> Přidej řádek </button> <button onclick="removeRow()"> Odeber řádek </button> <button onclick="addColumn()"> Přidej sloupec </button> <button onclick="removeColumn()"> Odeber sloupec </button> <br> <textarea id="code" rows="10" cols="80"></textarea>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
function addRow() { var table = document.getElementById('table'); var columns = table.rows.length > 0 ? table.rows[0].cells.length : 1; var newrow = table.insertRow(-1); for (var i = 0; i < columns; i++) { var newcell = newrow.insertCell(-1); newcell.innerHTML = '<input type="text">'; } show(); } function removeRow() { var table = document.getElementById('table'); if (table.rows.length > 0) { table.deleteRow(table.rows.length - 1); } show(); } function addColumn() { var table = document.getElementById('table'); for (var i = 0; i < table.rows.length; i++) { var row = table.rows[i]; var newcell = row.insertCell(-1); newcell.innerHTML = '<input type="text">'; } show(); } function removeColumn() { var table = document.getElementById('table'); for (var i = 0; i < table.rows.length; i++) { var row = table.rows[i]; if (row.cells.length > 0) { row.deleteCell(row.cells.length - 1); } } show(); } function show() { var code = document.getElementById('code'); var table = document.getElementById('table'); code.value = table.outerHTML; }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>