清空NodeList

Question

我用javascript编写了这段代码

​

var variables = document.getElementsByClassName('highlight');
var array = [];
while(variables.length > 0){
  array.push(variables[0].innerHTML);
  //Variables 0th index must remove here
}

​

我想删除节点列表variables的第0个索引。类似于数组中的splice方法。

Answer 1

使用shift()并确保将nodeList转换为数组

var nodeList = document.getElementsByClassName('highlight');
var variables = Array.prototype.slice.call(nodeList);//convert to array

var array = [];
while(variables.lenght > 0){
  array.push(variables[0].innerHTML);
  variables.shift();
}

demo

Answer 2

使用常规的旧for循环：

var variables = document.getElementsByClassName('highlight');
var array = [];
while (var i = 0; i < variables.length; i++) {
  array.push(variables[i].innerHTML);
}

在现代JS中，可以使用map：

function getInnerHtml(elt) { return elt.innerHTML; }

Array.prototype.map.call(variables, getInnerHtml);