Picking up content from an HTML tag with JS

Question

Well... my doubt is how to capture the value that lies between:

<ALGUMATAGHTML> O valor definido arqui</ALGUMATAGHTML>

Since the value I want to capture is:

<span style="" id="streamurl">Aqui!!!</span>

I tried with Javascript but it didn’t work. JS code:

var url = document.getElementById('streamurl').value;
alert(url);

Does anyone there know how to take it in JS?

Answer 1

It depends on what kind of tag you want to.

value - This property returns the value inserted in form fields, such as inputs and checkboxes, etc...

var url = document.getElementById('streamurl').value;
alert(url);

<input type="text" size="60" id="streamurl" value="http://google.com" />

innertText and text - These two properties return the text that is inside a container, such as a div, span, etc...

var url = document.getElementById('streamurl').text;
alert(url);

var url = document.getElementById('streamurl').innerText;
alert(url);

<a id="streamurl" href="#">pt.stackoverflow.com</a>

innertHTML - This property returns not only the text that is inside, but also the tags who are also.

var url = document.getElementById('streamurl').innerHTML;
alert(url);

<a id="streamurl" href="#">Link 2 <i>Tag</i></a>

Answer 2

Use .innerHTML instead of .value:

var url = document.getElementById('streamurl').innerHTML;
alert(url);

var url = document.getElementById('streamurl').innerHTML;
    alert(url);

<span style="" id="streamurl">Aqui!!!</span>