如何在 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)
    }
)