c# .net Adsense ADO.NET Linq Viruses/security asp.net MVC JQuery Angular-js Node-js SEO Java C++ SQL API Networking vb.net .Net Css JavaScript Generics c#.Net entity framework HTML Website host Website Construction Guide HTTP tutorial W3C tutorial Web Services JSON Psychology Ionic framework Angular ReactJS Python Computer Android
JavaScript

How to get text using document getelementsbyclassname example ?

| | JavaScript , JQuery

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