How can I get the value of an HTML tag using JS

Question

Okay guys, I do have another thread related to this one, however this is a new question.

I have this code in my HTML page:

<span class="licon liconspan">1</span>

Now how can I get the value of "1" into a JS variable?

Answer 1

Actually "1" is not a value of a tag, it is its content. In its turn, it is stored in innerHTML property of a certain element. For your particular case, you can access it like this:

var variable = document.querySelector('.liconspan').innerHTML;

Answer 2

you must write the index [0] because the method document.getElementsByClassName return an array

var element = document.getElementsByClassName(".liconspan")[0];
var variable = element.innerHTML;