Get content of tag value using Javascript

Question

i want know how i can retrieve the content of an HTML inner tag value for a specific ID, for example:

<span id="mycount" value="100">1</span>

i want retrieve the 100 value, i have tried this:

var num = document.getElementById('mycount').value;

i have also tried this:

var anchors = document.getElementById('mycount');
var num = anchors.value();

but doesn't work, how i can do it?

JohnnyAW · Accepted Answer · 2014-06-28 09:51:52Z

2

using jquery:

var num = $("#mycount").attr("value");

jQuery.attr()

answered Jun 28, 2014 at 9:51

JohnnyAW

2,8761 gold badge19 silver badges27 bronze badges

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

Comments

Miljan Puzović · Accepted Answer · 2014-06-28 10:09:41Z

1

Tag span can't have value property, it's not valid. Yes, it works, but it's a bad practice. Instead, you can use valid HTML5 attribute data-*.

In your case, that will be:

<span id="mycount" data-value="100">1</span>

and jQuery code to get this data value with .data() function is:

$(document).ready(function(){
    var myvalue = $('#mycount').data('value');
    alert(myvalue);
});

DEMO: http://jsfiddle.net/KhmGL/

edited Jun 28, 2014 at 10:09

answered Jun 28, 2014 at 10:02

Miljan Puzović

5,8201 gold badge26 silver badges30 bronze badges

Comments

Zbigniew · Accepted Answer · 2014-06-28 09:55:07Z

0

var num = document.getElementById('mycount').getAttribute('value');

Take a look @ MDN element.getAttribute.

edited Jun 28, 2014 at 9:55

answered Jun 28, 2014 at 9:49

Zbigniew

27.6k6 gold badges62 silver badges68 bronze badges

Comments

Srinu Chinka · Accepted Answer · 2014-06-28 10:01:00Z

0

to get attribute values we have to use getAttribute().

to get the value of mycount

var mycount = document.getElementById("mycount");
var num = mycount.getAttribute("value");
alert(num);

answered Jun 28, 2014 at 10:01

Srinu Chinka

1,48913 silver badges19 bronze badges

Collectives™ on Stack Overflow

Get content of tag value using Javascript

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related