how to get a string from span element using javascript

Question

i have used ajax to get set of values from server and displayed using span.span display so many contents,but from that i want to select only one content from the list.

var z=document.getElementById("spanOutput").innerHTML=xmlhttp.responseText;

response from server like:

content 1

content 2

content 3

So I want to select content 2 from span element and need to displayed on the browser. How to achieve this?

Please make an example on a service such as jsbin.com. Your question is unclear. — m59
– m59, Commented Sep 3, 2013 at 4:02
Can you make this a bit more clear? Do you have in the same span "content 1 content 2 content 3" all together? What does separates the content 1 with the content 2? Just a break line? Is there any chance you are going to have a break line in any of the contents? We will require more info... — Thanos
– Thanos, Commented Sep 3, 2013 at 4:43
Content 1,content 2 and so on are simply text or some kind of html element ? — Voonic
– Voonic, Commented Sep 3, 2013 at 4:53

meeming · Accepted Answer · 2013-09-04 03:14:20Z

1

Define a Array to save these span contents.

var arr=[];
for(var i=0; i<document.getElementById("spanOutput").getElementsByTagName("span").length;i++)
{
arr.push(document.getElementById("spanOutput").getElementsByTagName("span")[i]);
}

comtent 2 will be arr[ 1 ]

edited Sep 4, 2013 at 3:14

answered Sep 3, 2013 at 5:10

meeming

8813 bronze badges

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

Comments

Zaheer Ahmed · Accepted Answer · 2013-09-03 05:18:05Z

0

Use value property:

var z = document.getElementById("spanOutput").value;
document.getElementById("spanOutput").value = xmlhttp.responseText;

answered Sep 3, 2013 at 5:18

Zaheer Ahmed

28.7k12 gold badges77 silver badges113 bronze badges

1 Comment

adarshaU Over a year ago

i just want to select only few text.not the whole span content

Collectives™ on Stack Overflow

how to get a string from span element using javascript

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related