Сообщение от JaneLane
|
|
в html код первой строки таблицы,есть функция, которая добавляет новую строку в конец и которая выше-добавляет узлы в имеющуюся строку.Хочу пронумеровать заполненные строки по порядку,можно это сделать без сортировки?
|
Так и не понятно, что именно вам надо... Надо пронумеровать какие-то столбцы по порядку? Или изменить атрибуты? Или что? В любом случае что мешает просто пройти по DOM таблицы и сделать всё как надо? Что-нить типо этого:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<table id="test">
<tr><th>ID</th><th>Something</th><th>del</th></tr>
<tr><td>1</td><td>aaa</td><td><a href="#" onclick="removeRow(this.parentNode)">del</a></td></tr>
<tr><td>2</td><td>bbb</td><td><a href="#" onclick="removeRow(this.parentNode)">del</a></td></tr>
<tr><td>3</td><td>ccc</td><td><a href="#" onclick="removeRow(this.parentNode)">del</a></td></tr>
<tr><td>4</td><td>ddd</td><td><a href="#" onclick="removeRow(this.parentNode)">del</a></td></tr>
<tr><td>5</td><td>eee</td><td><a href="#" onclick="removeRow(this.parentNode)">del</a></td></tr>
<tr><td>6</td><td>ggg</td><td><a href="#" onclick="removeRow(this.parentNode)">del</a></td></tr>
</table>
<button onclick="renameID()">click</button>
<script>
function removeRow(td) {
var row = td.parentNode;
row.parentNode.removeChild(row);
}
function renameID() {
var tableRows = document.querySelectorAll('#test tr');
for(var i = 1; i < tableRows.length; i++) tableRows[i].children[0].innerHTML = i;
}
</script>
</body>
</html>