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

Question

How do I use document.querySelectorAll() to select a particular output of text from the code below?

I'd like to capture the result in a variable and am attempting to do so with the following code:

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

The querySelectorAll() returns a node list. My question is how do I get to the particular child node that I need?

I need to select the text from a span tag element with the value of "0.044763 USD". My question is how do I get to the particular child node that I need (0.044763 USD)?

<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

Use this selecor .coinmarketcap-currency-widget div > span:last-child to get the target span and split the innerHTML to get the value

 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> 

Answer 2

我最终将以下内容用作简单的解决方案，并将其保存到变量中。

document.getElementsByTagName('span')[1].innerText;