Я новичок в javascript / Html, и у меня есть вкладка со значениями, которые я хочу отсортировать. Вопрос в том, как сделать цикл для столбцов / строк, чтобы они могли оставаться на одном и том же числе.
<html>
<head>
<script>
function Table() {
var list, i, switching, b, shouldSwitch, attrib;
list = document.getElementById("picks");
attrib = document.getElementsByTagName("TD");
switching = true;
while (switching) {
switching = false;
b = list.getElementsByTagName("p");
for (i = 0; i < (b.length - 1); i++) {
shouldSwitch = false;
if (b[i].innerHTML.toLowerCase() > b[i + 1].innerHTML.toLowerCase()) {
shouldSwitch = true;
break;
}
}
if (shouldSwitch) {
attrib[i].parentNode.insertBefore(attrib[i + 1], attrib[i]);
switching = true;
}
}
}
</script>
</head>
<body>
<button onclick="Table()">Sort</button>
<table id="picks">
<tr>
<td><p>Sam</p></td>
<td><p>Leo</p></td>
<td><p>Teo</p></td>
</tr>
<tr>
<td><p>Ann</p></td>
<td><p>Susan</p></td>
<td><p>Sasha</p></td>
</tr>
<tr>
<td><p>Yu</p></td>
<td><p>Harry</p></td>
<td><p>Katy</p></td>
</tr>
</table>
</body>
</html>
Я попытался создать цикл for для document.getElementsByTagName ("TR");и не добрался до конечного результата. Я использую колонку в качестве аргумента и переставляю весь талб.