How to read value of spans

Question

i wanna read the value of a html span. how i can do this?

here is the code:

//this works
spanRight= document.getElementsByClassName("spanRight")

//but i cant get the text
spanRight = spanRight.text;

<span class="spanRight">1234567890</span>

thank you for your help

`getElementsByClassName()` returns a node list. Please open your browser console to check for error reports and maybe research the selectors you use to fully understand them, I would also recommend you research the properties you try to access of those elements too... — NewToJS, Oct 19 '17 at 08:23

score 1 · Answer 1 · answered Oct 19 '17 at 08:24

1

You would use innerText.

spanRight = spanRight.innerText;

There is also innerHTML which can return with HTML tags. Differences are listed here.

answered Oct 19 '17 at 08:24

Sam Bunting

score 0 · Answer 2 · answered Oct 19 '17 at 08:25

0

use textContent like this Example:

spanRight= document.getElementsByClassName("spanRight")

//but i cant get the text
text = spanRight[0].textContent

alert(text);

<span class="spanRight">1234567890</span>

answered Oct 19 '17 at 08:25

ferhado

yeah thanks, now it works. i forgott that it returns an array -.- – letsTry420 Oct 19 '17 at 08:29

2 Answers2