[JavaScript] Удаление строк, столбцов в таблице при нажатие кнопки

[kokoshaka]

Ребята, прошу помощи. Нужно при помощи нажатия на кнопку удалить строку, а при нажатие на другую - столбец. При этом есть и кнопки на добавление строк и столбцов. их в случае добавление тоже удалить. Думаю понятно.Желательно на чистом JS.

 
<table class="table">
<div class="deleteColumn"><button id="deleteColumn"><p style="color: white; font-size:20px;">-</p></button>
<div class="addcolumn">
    	<button id="addColumn" onClick="CreateElement()" type="button" class="button add-col"><p style="color: white;
	font-size:20px;">+</p></button>
 </div>
<div class="deleteLine"><button id="deleteLine"><p style="color: white; font-size:20px;">-</p></button>
 </div> 

<tr> 
				<td></td><td></td><td></td><td></td> 

			</tr>
			<tr> 
				<td></td><td></td><td></td><td></td>
			</tr>
			<tr>
				<td></td><td></td><td></td><td></td>
			</tr>
			<tr>
				<td></td><td></td><td></td><td></td>
			</tr>
	
</table>
<div class="addLine">
    	<button id="addLine" onClick="CreateForm()"><p style="color: white;
	font-size:20px;">+</p></button>
 </div>

Решила прописать такой код, но он не работает

function deleteLine() {
	var allRows = table.getElementsByTagName("tr");
    tr1 = allRows[0];
    document.getElementById('table').innerHTML-='<table border="1"><tr><td><input type="text"></td><td><input type="text"></td></tr></table>';
}

Буду рада за помощь!!!

[Serge_Bliznykov]

Сообщение от kokoshaka

deleteColumn

Сообщение от kokoshaka

deleteLine

давайте начнём с самого простого.
1) какую именно строку (колонку) в таблице Вы хотите удалить?

2) Вы забыли назначит кнопке deleteLine обработчик.
это можно сделать, например, так:

<div class="deleteLine">
<button id="btDeleteLine" onClick="deleteLine()"><p style="color: white; font-size:20px;">delete line</p></button>
</div>

3) переменная table в функции deleteLine() не определена.
я бы рекомендовал задать таблице id и обращаться через него.

4) удалить строчку в таблице можно просто через метод таблицы (уже всё придумано до нас).
например, удалить первую строчку в таблице с id="table0" можно так:

   document.getElementById("table0").deleteRow(0);

и рекомендую посмотреть описание и примеры на страничке Table deleteRow() Method

[Вадим Мошев]

Сообщение от kokoshaka

document.getElementById('table').innerHTML-='<table border="1"><tr><td><input type="text"></td><td><input type="text"></td></tr></table>';

Для операций со строками оператор "-=" не пригоден. А у вас он используется.