Updating a value of a <span> using Javascript getElementById

Question

I am very new to JS and trying to get my head around how to change values of a span using JS. So, I have a span looking like this:

<span id="s551392614400915" class="vote-count-post" value="551392614400915">0.31</span>

I would like to change the 0.31 to say 150 - and Iam trying to use the getElementById as follows:

var xx=150;
document.getElementById("s551392614400915").value = "150"; //dosent work.
//document.getElementById("s551392614400915").value = xx; //dosent work.

for some reason this does not seem to work. I know I am doing something completely stupid, but I am unable to see where. Here is my rather silly JS Fiddle

any help with this would be great.

span elements don't have value attributes

Quentin
– Quentin

2013-03-26 13:30:20 +00:00
Commented Mar 26, 2013 at 13:30 — Quentin
– Quentin, Commented Mar 26, 2013 at 13:30

Artyom Neustroev · Accepted Answer · 2013-03-26 13:30:37Z

2

Use document.getElementById("s551392614400915").innerHTML= "150" if you want to change the contents of the span.

answered Mar 26, 2013 at 13:30

Artyom Neustroev

8,7355 gold badges36 silver badges59 bronze badges

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

5 Comments

JasonB Over a year ago

Thanks a bunch for this - wait going a bit crazy without knowing this!

Elliot Bonneville Over a year ago

Not sure why this answer is getting more upvotes? I posted my answer first... :P

Artyom Neustroev Over a year ago

I'm just cuter than a wrench :D

vladkras Over a year ago

actually i posted 1st, but was waiting for 3 minutes delay

JasonB Over a year ago

Hmm.. I guess we are at the mercy of sof's algorithm here

Elliot Bonneville · Accepted Answer · 2013-03-26 13:30:14Z

1

Use innerHTML instead of value. value is used for form inputs with a user-changeable value.

document.getElementById("s551392614400915").innerHTML = "150";

answered Mar 26, 2013 at 13:30

Elliot Bonneville

53.6k24 gold badges101 silver badges125 bronze badges

Collectives™ on Stack Overflow

Updating a value of a <span> using Javascript getElementById

2 Answers 2

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related