How To Get < Span > Value？

Question

There are a piece of code,but can not use tag. So,how do I get to the 1 2 3 4?

12

Solution 1:

Try this

var div = document.getElementById("test");
var spans = div.getElementsByTagName("span");

for(i=0;i<spans.length;i++)
{
  alert(spans[i].innerHTML);
}

Solution 2:

var test = document.getElementById( 'test' );

// To get the text only, you can use "textContent"console.log( test.textContent ); // "1 2 3 4"

textContent is the standard way. innerText is the property to use for legacy IE. If you want something as cross browser as possible, recursively use nodeValue.

Solution 3:

No jQuery tag, so I'm assuming pure JavaScript

var spanText = document.getElementById('targetSpanId').innerText;

Is what you need

But in your case:

var spans = document.getElementById('test').getElementsByTagName('span');//returns node-list of spansfor (var i=0;i<spans.length;i++)
{
    console.log(spans[i].innerText);//logs 1 for i === 0, 2 for i === 1 etc
}

Here's a fiddle

Baca Juga

Solution 4:

<divid="test"><span>1</span><span>2</span><span>3</span><span>4</span></div><divid="test2"></div><scripttype="text/javascript">var getDiv = document.getElementById('test');
    var getSpan = getDiv.getElementsByTagName('span');
    var divDump = document.getElementById('test2');

    for (var i=0; i<getSpan.length; i++) {
        divDump.innerHTML = divDump.innerHTML + ' ' + getSpan[i].innerHTML;
    }
</script>

Solution 5:

Pure javascript would be like this

var children = document.getElementById('test').children;

If you are using jQuery it would be like this

$("#test").children()

JavaScript Passion