retrieve html data with javascript

Question

so i have this line of code in my html

    <td class="product-price">
        <span class="amount" id="price">3915.00</span> 
    </td>

how can i that number "3915.00" in my javascript as an integer?

    <script>
    function myFunction()
        {     
            var priceStr = document.getElementById('price').value;
            var priceInt = parseInt(price);              
        }

    </script>

can i do it this way? or are there any alternatives?

span does not have a value property. get it's "textContent" and parse that into an INT, or FLOAT in your case. — Sebastien Daniel
– Sebastien Daniel, Commented Apr 10, 2016 at 14:32

Nenad Vracar · Accepted Answer · 2016-04-10 14:54:27Z

4

You can use innerHTML or textContent

function myFunction() {
  var priceStr = document.getElementById('price').innerHTML;
  var priceInt = parseInt(priceStr);
  return priceInt;
}

alert(myFunction());

<td class="product-price">
  <span class="amount" id="price">3915.00</span>
</td>

edited Apr 10, 2016 at 14:54

answered Apr 10, 2016 at 14:33

Nenad Vracar

122k16 gold badges160 silver badges184 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

cnorthfield Over a year ago

It's good to note that parseInt will return NaN if the first character cannot be converted to a number

nathan felix · Accepted Answer · 2016-04-10 14:33:41Z

2

Assuming that the price does not come from js in the first place, this is an ok way to get it from the html.

Here is a fixed version of your function though:

function myFunction()
        {     
            return parseInt(document.getElementById('price').innerHTML);    
        }

answered Apr 10, 2016 at 14:33

nathan felix

3961 silver badge8 bronze badges

Collectives™ on Stack Overflow

retrieve html data with javascript

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related