javascript - 如何使用 document.querySelector 从使用 document.querySelector 的节点中选择特定的文本输出？

Question

如何使用 document.querySelectorAll() 从下面的代码中选择特定的文本输出？

我想在变量中捕获结果，并尝试使用以下代码来实现:

let result = document.querySelectorAll('.coinmarketcap-currency-widget');

querySelectorAll() 返回一个节点列表。我的问题是如何到达我需要的特定子节点？

我需要从值为“0.044763 USD”的 span 标记元素中选择文本。我的问题是如何到达我需要的特定子节点(0.044763 美元)？

<div class="coinmarketcap-currency-widget">
<div style="border:2px">
<div><div style="float:right;width:67%;">

<span style="font-size: 18px;"><a href="http://coinmarketcap.com/" target="_blank">TRON (TRX)</a></span> <br>            
<span style="font-size: 16px;">

    0.044763 USD 

    <span style="color:#d14836">(-3.85%)</span></span>            

Answer 1

使用这个 selecor .coinmarketcap-currency-widget div > span:last-child 获取目标跨度并拆分 innerHTML 以获取值

let result = document.querySelectorAll('.coinmarketcap-currency-widget div > span:last-child');
console.log(result[0].innerHTML.split("<span")[0]);

<div class="coinmarketcap-currency-widget">
  <div style="border:2px">
    <div>

      <div style="float:right;width:67%;">

        <span style="font-size: 18px;">
            <a href="http://coinmarketcap.com/" target="_blank">TRON (TRX)</a>
        </span> 
<br>
        <span style="font-size: 16px;">

    0.044763 USD 

           <span style="color:#d14836">(-3.85%)</span>
        </span>
      </div>
    </div>
  </div>
</div>