Question

我在选择标签内的内容时遇到问题。这是一个例子：

<li>aaaa</li>
<li>bbbb</li>
<li>cccc</li>

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

Answer 1

您可以使用map()并仅使用li

返回每个textContent的文字

var li = document.querySelectorAll('li');
var result = Array.from(li).map(function(e) {
  return e.textContent;
})

console.log(result)

<ul>
  <li>aaaa</li>
  <li>bbbb</li>
  <li>cccc</li>
</ul>

Answer 2

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

let textArray = Array.from(document.getElementsByTagName('li')).map(function(elem) {
    return elem.textContent;
});

console.log(textArray); // ["aaaa", "bbbb", "cccc"]

使用.textContent代替.innerHTML只抓取文本而没有li元素可能存在的任何标记

Javascript选择标记内的内容

2 个答案: