如何在 li 列表的另一个元素中获取文本 - Javascript

Question

我有一个包含p标签的li标签，里面p包含一些span标签

我想在<span class="tag">{{role}}</span>中获取“角色”的文本

我正在努力

Array.prototype.slice.call(document.querySelectorAll('ul[data-tag="userJoinedList"] li')).forEach(function(element) {
        console.log(element.innerHTML)
}

<ul data-tag="userJoinedList">
    {{#users}}
       <li class="users">
           <p>
              <span class="users">{{username}}</span> 
              <span class="tag">{{role}}</span>
           </p>
       </li>
    {{/users}}
</ul>

Answer 1

为什么不直接使用选择器？

document.querySelectorAll('ul[data-tag="userJoinedList"] li p span.tag')
    .forEach(function(element) { 
        console.log(element.innerHTML)
    }
)