反转HTML标签,了解任务

JavaScript的

创建一个反向数组:

var n = document.querySelector("nav");
var max = n.children.length;
var arrReverse = [];

for (i = (max - 1); i > -1; i -= 1) {
  arrReverse.push(n.children[i]);
}

我认为这样可行:

for(j = 0; j < max; j += 1) {
  n.children[j].innerHTML = arrReverse[j].innerHTML;
  n.children[j].href = arrReverse[j].href;
}

但事实并非如此.输出是contact more more contact.

有人可以解释,为什么这不起作用.

的jsfiddle

当你改变n.childerns arrReverse变化时

var n = document.querySelector("nav");
var max = n.children.length;
var arrReverse = [];

for(i = (max - 1); i > -1; i -= 1) {
  arrReverse.push([n.children[i].innerHTML,n.children[i].href]);
}

for(j = 0; j < max; j += 1) {
  // console.log(arrReverse[j].innerHTML);
  n.children[j].innerHTML = arrReverse[j][0];
  n.children[j].href = arrReverse[j][1];
}