对于web开发，javascript具有非常重要的地位，它可以帮助我们实现丰富的交互效果和动态效果。在实际开发中，我们经常需要对dom节点进行排序操作，比如按照某个属性值的大小进行排序，或者按照某个节点的位置进行排序。这里我们介绍一些javascript节点排序的常用方法。

首先，我们来看如何按照某个属性进行排序。假设我们有一个包含多个div元素的列表，每个div元素都有一个data-price属性代表价格，我们需要将这个列表按照价格从低到高排序。代码如下：

var divList = document.querySelectorAll('div');
var divArray = Array.prototype.slice.call(divList, 0);
divArray.sort(function(a, b) {
return a.dataset.price - b.dataset.price;
});
divArray.forEach(function(div) {
document.body.appendChild(div);
});

上面的代码首先将所有的div元素转换为一个数组，然后使用sort方法来进行排序。sort方法的参数是一个回调函数，这个函数返回的值决定了数组元素的排列顺序。如果返回值为正数，则表示第一个元素排在第二个元素后面；如果返回值为负数，则表示第一个元素排在第二个元素前面；如果返回值为0，则表示两个元素相同，位置不变。

我们可以使用ES6的箭头函数来简化排序函数的写法：

divArray.sort((a, b) =>a.dataset.price - b.dataset.price);

如果我们要按照节点位置进行排序，可以使用循环来递归遍历所有的子节点，然后重新设置它们的位置。比如我们有一个文本列表，我们需要将其中的每一行按照字母顺序排序：

var list = document.getElementById('list');
var items = Array.prototype.slice.call(list.children, 0);
items.sort(function(a, b) {
if(a.innerText< b.innerText) {
return -1;
} else if(a.innerText >b.innerText) {
return 1;
} else {
return 0;
}
});
items.forEach(function(item, index) {
list.appendChild(item);
});

上面的代码首先将所有的li元素转换成一个数组，然后根据它们的innerText属性进行排序（注意，innerText属性在Firefox浏览器中不支持，可以使用textContent替代）。排序完成后，我们使用循环将它们重新添加到父节点中，从而改变它们的位置。

最后，我们来介绍一下如何实现动态排序。动态排序指的是在不刷新页面的情况下，根据用户的操作实时改变节点的排列顺序。比如我们有一个列表，用户可以通过点击表头来改变列表的排序方式。代码如下：

var headers = document.querySelectorAll('th');
var rows = Array.prototype.slice.call(document.querySelectorAll('tr'), 0);
headers.forEach(function(header) {
header.addEventListener('click', function() {
var index = header.cellIndex;
var currentOrder = header.dataset.order || 'asc';
var newOrder = currentOrder === 'asc' ? 'desc' : 'asc';
rows.sort(function(rowA, rowB) {
var cellA = rowA.cells[index].textContent;
var cellB = rowB.cells[index].textContent;
if(currentOrder === 'asc') {
return cellA< cellB ? -1 : 1;
} else {
return cellA< cellB ? 1 : -1;
}
});
rows.forEach(function(row) {
document.querySelector('tbody').appendChild(row);
});
header.dataset.order = newOrder;
});
});

上面的代码添加了一个事件监听器，当用户点击表头时会根据表头所在列的内容来排序。我们使用data-order属性来记录当前的排序方式（升序/降序），并根据这个属性来代表返回值是1还是-1。最后，我们将排好序的每一行重新添加到表格中，同时更改当前列的排序方式。

在实际开发中，我们可能会遇到一些复杂的排序需求，但是无论如何，我们都可以使用javascript来实现这些需求。希望以上介绍的方法能够帮助大家更好地解决排序问题。