Javascript - 从列表中创建数组

Question

我正在尝试做一些简单的事情，但找不到我需要的帮助: 我有一个列表，我想用它创建一个数组；

基本上，我的 html 正文是:

 <section>
    <ul id="idListe">
        <li>de l'amour</li>
        <li>de la joie</li>
        <li>des blablous</li>
        <li>des bisous</li>
        <li>des copains</li>
    </ul>
</section>

我的 JavaScript 现在是:

// console
var liste = document.querySelector('#idListe');
var collLi = liste.children;
var tablO = []; // dans ce tableau je cherche a mettre les valeurs de la liste ('de l\'amour', 'de la joie', 'des blablous', etc...)


// get properties, it's not what I want
for(var li in collLi) {
     tablO.push(li); // ajout a mon tableau (vide initialement)
     console.log(li); //  renvoie pas ce que je veux
 }

我有属性(property)，没有 child 。 我想我必须询问

元素的innerHTML， 但找不到合适的方法..

我认为我的问题就在那里:

var collLi = liste.children;

你能让我的搜索朝着好的方向发展吗？ 此时此刻，我正在尝试使用: 列表.firstChild 列表.nextSibling ..

谢谢!

这是一个 fiddle ，我的工作要素是: https://jsfiddle.net/32o0rd7k/11/

Answer 1

使用Document.querySelectorAll()要获取列表项，请使用 Array.from() 转换为数组，和map到数组:

const result = Array.from(document.querySelectorAll('#idListe li'))
  .map(e => e.innerText);
  
console.log(result);
  

<ul id="idListe">
  <li>de l'amour</li>
  <li>de la joie</li>
  <li>des blablous</li>
  <li>des bisous</li>
  <li>des copains</li>
</ul>