Теги могут иметь несколько атрибутов. Порядок, в котором атрибуты отображаются в коде, не имеет значения. Например:
<a href="#" title="#">
<a title="#" href="#">
Как я могу "нормализовать" HTML в Javascript, поэтому порядок атрибутов всегда один и тот же? Меня не волнует, какой порядок выбран, если он всегда один и тот же.
UPDATE: моя первоначальная цель состояла в том, чтобы упростить различие (на JavaScript) 2 HTML-страницы с небольшими различиями. Поскольку пользователи могут использовать другое программное обеспечение для редактирования кода, порядок атрибутов может измениться. Это делает diff слишком многословным.
ANSWER: Хорошо, сначала спасибо за все ответы. И ДА, это возможно. Вот как мне удалось это сделать. Это доказательство концепции, оно, безусловно, может быть оптимизировано:
function sort_attributes(a, b) {
if( a.name == b.name) {
return 0;
}
return (a.name < b.name) ? -1 : 1;
}
$("#original").find('*').each(function() {
if (this.attributes.length > 1) {
var attributes = this.attributes;
var list = [];
for(var i =0; i < attributes.length; i++) {
list.push(attributes[i]);
}
list.sort(sort_attributes);
for(var i = 0; i < list.length; i++) {
this.removeAttribute(list[i].name, list[i].value);
}
for(var i = 0; i < list.length; i++) {
this.setAttribute(list[i].name, list[i].value);
}
}
});
То же самое для второго элемента diff, $('#different'). Теперь $('#original').html() и $('#different').html() показывают код HTML с атрибутами в том же порядке.
