Teilen Sie Formularoperationen und Knotenoperationen im DOM

Document window.onload = function(){ var input = document.querySelectorAll ('input'); var table = document.querySelector('table'); var rows = table.tBodies[0].rows; var arrRows = []; /* Da Arrays nur sortiert werden können, fügen Sie alle tr in das Array ein */ for(var i = 0; i arrRows.push(rows[i]); } // arrRows.sort(function(a,b){ // return b.cells[1].innerHTML - a.cells[1].innerHTML; // / / Sortieren Sie nach dem Inhalt in der ersten Zelle in tr // }); // arrRows.forEach(function(tr){ // //Neu entsprechend der Sortierreihenfolge Put tr into tbody // table.tBodies[0].appendChild(tr); // }); //console.log(arrRows); input[0]. function(){ arrRows.sort(function(a,b){ return b.cells[1].innerHTML - a.cells[1].innerHTML; //Nach tr Sortieren Inhalt in der ersten Zelle }); arrRows.forEach(function(tr){ //Ersetze tr in der Reihenfolge der Sortierung in die tbody -Tabelle .tBodies[0].appendChild( tr); }); } input[1].onclick = function(){ arrRows.sort(function(a,b){ return a.cells[1 ].innerHTML - b.cells[1].innerHTML; //Sortieren nach dem Inhalt der ersten Zelle in tr }); arrRows .forEach(function(tr){ //Ersetze tr in tbody entsprechend der Reihenfolge der Zahlen) table.tBodies[0].appendChild(tr); }); } }; ; &lt ;tr> Früchte Stückpreis (￥) Apple 54,5 Orange 24,5 Wassermelone&lt ;/th> 33,8 Banane &lt ;tr> &lt ;/table> &lt ;/html>