Javascript选择标记内的内容

Javascript选择标记内的内容,javascript,dom,Javascript,Dom,我在选择标记内的内容时遇到问题。 以下是一个例子: <li>aaaa</li> <li>bbbb</li> <li>cccc</li> aaaa bbbb 中交 我想选择aaaa bbbb cccc并将它们存储在一个数组中。 如果我使用document.getElementsByTagName,它也将存储标记。我怎样才能选择内容呢 您可以使用map()和textContent var li=document.query

我在选择标记内的内容时遇到问题。 以下是一个例子:

<li>aaaa</li>
<li>bbbb</li>
<li>cccc</li>
  • aaaa
  • bbbb
  • 中交
  • 我想选择
    aaaa bbbb cccc
    并将它们存储在一个数组中。 如果我使用
    document.getElementsByTagName
    ,它也将存储
  • 标记。我怎样才能选择内容呢

    您可以使用
    map()
    textContent

    var li=document.queryselectoral('li');
    var result=Array.from(li).map(函数(e){
    返回e.textContent;
    })
    console.log(结果)
    • aaaa
    • bbbb
    • 中交

    您可以迭代元素并获取文本内容

    let textArray = Array.from(document.getElementsByTagName('li')).map(function(elem) {
        return elem.textContent;
    });
    
    console.log(textArray); // ["aaaa", "bbbb", "cccc"]
    
    使用
    .textContent
    而不是
    .innerHTML
    只获取文本,而不包含
    li
    元素可能存在的任何标记