es6中的数组转换，关于Array.from（）的一些疑问？

<ul>
    <li>11</li>
    <li>22</li>
    <li>33</li>
</ul>
<script>
    let lis = document.querySelectorAll('li');
    console.log([...lis]);
   let liC= Array.from(lis,ele=>ele.textContent);
    console.log(liC);
</script>

结果：

问题：1.lis,ele=>ele.textContent中我把ele.textContent换成了lis.textContent结果出来的是一个undefine的集合，是为什么？2.lis,ele=>ele.textContent我是否可以理解为Array.from(arr,function)，然后返回元素的文本内容？3.该怎么理解lis和ele之间的关系呢？（因为看到很多案例都是说from可以传入两个参数，但是好像返回的都是第二个参数的东西，这一块不是很理解）

理论知识学的很浅，上手就有点迷茫，感谢帮忙指导，帮我恶补，非常感谢