DOM удаление дочернего элемента
Подскажите, как в таблице <table> удалить последний дочерний элемент <tr>, со всеми входящими в него <tr>. Как здесь правильно использовать removeChild()? или как нибудь по другому :help:
|
удаление строк в таблице
javaphp,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<table width="400" summary="" >
<thead>
<tr>
<th>Title 1</th>
<th>Title 2</th>
<th>Title 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Cell 1.1</td>
<td>Cell 1.2</td>
<td>Cell 1.3</td>
</tr>
<tr>
<td>Cell 2.1</td>
<td>Cell 2.2</td>
<td>Cell 2.3</td>
</tr>
</tbody>
</table>
<script>
var tbody = document.querySelector('tbody');
tbody.deleteRow(-1)
</script>
</body>
</html>
|
удаление строк в таблице
javaphp,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<table width="400" summary="" >
<thead>
<tr>
<th>Title 1</th>
<th>Title 2</th>
<th>Title 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Cell 1.1</td>
<td>Cell 1.2</td>
<td>Cell 1.3</td>
</tr>
<tr>
<td>Cell 2.1</td>
<td>Cell 2.2</td>
<td>Cell 2.3</td>
</tr>
</tbody>
</table>
<script>
var tbody = document.querySelector('tbody');
tbody.removeChild(tbody.lastElementChild)
</script>
</body>
</html>
|
Понял, спасибо. Я просто в querySelector писал 'table'.
|
А как правильно удалить с каждой tr последнюю дочернюю td?
|
удаление ячеек в таблице
javaphp, а подумать? или погуглить?
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<table width="400" summary="" >
<thead>
<tr>
<th>Title 1</th>
<th>Title 2</th>
<th>Title 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Cell 1.1</td>
<td>Cell 1.2</td>
<td>Cell 1.3</td>
</tr>
<tr>
<td>Cell 2.1</td>
<td>Cell 2.2</td>
<td>Cell 2.3</td>
</tr>
</tbody>
</table>
<script>
[].forEach.call( document.querySelectorAll('tr'), function(tr,i) {
tr.deleteCell(-1)
});
</script>
</body>
</html>
|
удаление ячеек в таблице
javaphp,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<table width="400" summary="" >
<thead>
<tr>
<th>Title 1</th>
<th>Title 2</th>
<th>Title 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Cell 1.1</td>
<td>Cell 1.2</td>
<td>Cell 1.3</td>
</tr>
<tr>
<td>Cell 2.1</td>
<td>Cell 2.2</td>
<td>Cell 2.3</td>
</tr>
</tbody>
</table>
<script>
[].forEach.call( document.querySelectorAll('tr td:last-child'), function(td,i) {
var parent = td.parentNode;
parent.removeChild(td);
});
</script>
</body>
</html>
|
Да пытался найти, но все что пробовал как-то удаляет не правильно. Подскажите что делает это выражение [].forEach.call? это цикл? Спасибо за помощь!
|
|
Спасибо!
|
| Часовой пояс GMT +3, время: 13:47. |