How to get content of span tag in div child?

Question

I have this:

 <div _ngcontent-cbl-c27="" class="real-time-data dark"> <div _ngcontent-cbl-c27=""> <span _ngcontent-cbl-c27="" class="__bolder label-range-fall"> 0.00286414 </span> <span _ngcontent-cbl-c27="" class="__fs-12 price-cny"> 0.0029 </span> </div> <div _ngcontent-cbl-c27="" class="__bolder label-range-fall">-4.95%</div> </div>

How to export innerHTML of class __bolder label-range-fall of parent class real-time-data dark to console.log?

Answer 1

You can use querySelector() function.

 const element = document.querySelector(".real-time-data span.label-range-fall"); console.log(element.innerHTML);

 <div _ngcontent-cbl-c27="" class="real-time-data dark"> <div _ngcontent-cbl-c27=""> <span _ngcontent-cbl-c27="" class="__bolder label-range-fall"> 0.00286414 </span> <span _ngcontent-cbl-c27="" class="__fs-12 price-cny"> 0.0029 </span> </div> <div _ngcontent-cbl-c27="" class="__bolder label-range-fall">-4.95%</div> </div>

Answer 2

var element = document.querySelector(".real-time-data>.label-range-fall");
console.log(element.innerHTML);