How I can extract all 3 values from this HTML with the tag "rating". 

I've tried: 

```
document.getElementsbyTagName("rating")  
 var ratings = ratingPage.querySelector("div.rating").innerText;

```

This one works, but only for the very first occurrence of "rating". 

```
<div class="rating-slider">
          <div class="label">First</div>
          <div class="rating">4.2</div>
          <div class="slider">
            <div class="rate-slider" data-rating="good">
              <div class="ui-slider-range" style="width:83.99999618530273%"></div>
              <a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 83.99999618530273%;"></a>
            </div>
          </div>
        </div>
        <div class="rating-slider">
          <div class="label">Second</div>
          <div class="rating">3.4</div>
          <div class="slider">
            <div class="rate-slider"  data-rating="average">
              <div class="ui-slider-range" style="width:68.00000190734863%"></div>
              <a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 68.00000190734863%;"></a>
            </div>
          </div>
        </div>
        <div class="rating-slider">
          <div class="label">Third</div>
          <div class="rating">1.9</div>
          <div class="slider">
            <div class="rate-slider" data-rating="poor">
              <div class="ui-slider-range" style="width:37.99999952316284%"></div>
              <a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 37.99999952316284%;"></a>
            </div>
          </div>
        </div>
      </div

```

I'm trying to grab each of them and store them in their own variables.