JavaScript

How to get text using document getelementsbyclassname example ?

How to get text using document getelementsbyclassname example ?, someone asked me to explain?

The getElementsByClassName will return a list of array elements using the array length through looping you can get the innerText property of the each element.

<script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
        var currencyEls = document.getElementsByClassName("currency");
        for (var i = 0; i < currencyEls.length; i++) {
            var currency = currencyEls[i].innerText;
            console.log("currency: " +currency);
        }
        });
    </script>
<div class="currency">
    $23
</div>
<div class="currency">
    $100 </div>

document getelementsbyclassname example

Inspect element console you will see the following output:

currency: $23

currency: $100

Post your comments / questions