如何获取最外层DOM元素的文本？

问：

我正在创建一个 Chrome 扩展程序。当用户单击 div 时，它会返回 div 中的所有元素。但我只需要访问标签之外的文本。

这是我编写的功能，但它为我提供了标签内的整个文本。<div>

function getData(e) {
  var li = e.currentTarget;
  return li.innerText;
}

<div class="msg">
I started painting as a hobby when I was little. I didn't know I had any talent. I   believe talent is just a pursued interest. 

Anybody can do what I do. Just go back and put one little more happy tree in there. Everybody's different. Trees are different. 

Let them all be individuals. We'll put some happy little leaves here and there. These things happen automatically. 

<reactions class="xyz">
 <reaction class="ABC">
  <span> 27 </span>
  <span> 2 </span>
  <span> 12 </span>
 </reaction>
</reactions>

</div>

我尝试循环返回的 DOM 元素，但返回的元素非常动态，以至于它不起作用。

预期输出： 我从小就开始把绘画作为一种爱好。我不知道我有什么天赋。我相信天赋只是一种追求的兴趣。

任何人都可以做我做的事。回去再放一棵快乐的树就好了。每个人都是不同的。树木是不同的。

让他们都成为个体。我们会在这里和那里放一些快乐的小叶子。这些事情是自动发生的。