Javascript -读取html列表

Javascript - reading html list

本文关键字：列表 html 读取 Javascript      更新时间：2023-09-26

我想阅读这个html列表:

<div id="leaderboard" class="panel">
  <h1>Leaderboard</h1>
  <ol id=top10>
    <li>yeah</li>
    <li>grgsdg</li>
    <li>dfhdfhdfh</li>
    <li>Ttest</li>
  </ol>
</div>
<script>
console.log(leaders());
 function leaders() {
  //store the leaderboard elements
  //check if leaderboard is less than 10
  //loop through leaderboard
  //return
  var output2 = document.getElementById("top10").getElementsByTagName("li");
  var output = [];
  for(var i = 1; i < output2.length; i++) {
    //if(maximumResults.length < 10) {
    //output2[i] = output[i];
      output.push(output2[i].textContent);
    //}
  }
    return output;
}
</script>

这是我目前所拥有的:

但是，

只输出元素索引(0,1,2,3)等。而不是列表中的实际字符串

你应该从0开始，因为数组从0开始使用这个函数

for(var i = 0; i < output2.length; i++) {
    //if(maximumResults.length < 10) {
    //output2[i] = output[i];
      output.push(output2[i].textContent);
    //}
  }

这是工作小提琴https://jsfiddle.net/5qyu77st/

按下f12后转到拨弦检查控制台

相关文章：