有没有办法使用查询选择器获取第一个非空元素的文本数据

Question

我刚开始使用querySelector。我想得到第一个非空元素的文本数据而不涉及元素名称（p或div或span）。

例如： 1）

<div>
  <span></span>
  <span>data</span>
  <span>data1</span>
<div>

2）

<div>
  <ul>
    <li></li>
    <li>data</li>
  </ul>
  <span>data1</span>
<div>

在这两种情况下，我想获取非空的第一个元素的文本数据。来自第二个span的1个案例和来自第二个li的2个案例。这可能吗？