JS如何获取许多个<li>标签内容并将其存进数组

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
    <li>8</li>
    <li>9</li>
    <li>10</li>
</ul>

我需要得到一个数组 new Array=(1,2,3,4,5,6,7,8,9,10)，应该如何操作？

---

javascriptvar arr = document.getElementsByTagName('li'),temp = [];
for(var i = 0;i<arr.length;i++){
    temp.push(arr[i].innerHTML)
}

---

var result = [];
var lis = document.getElementsByTagName('li'); // 或者其他查询方式
for (var i = 0; i < lis.length; i++) {
  result.push(+(lis[i].innerText || lis[i].textContent)); //UPDATE: 兼容 Firefox 并将字符串转为数字
}

---

var aLi = document.getElementsByTagName('li');
var arr = [].slice.call(aLi);
返回的直接是数组