Question

191

How to get Text of Nested Span HTML element?

rated 0 times [ 192] [ 1] / answers: 1 / hits: 18176 / 12 Years ago, mon, december 24, 2012, 12:00:00

I want to get text from Nested SPAN element in Following HTML code:

<span id='result_box'>

<span class=hps>text_content</span>

</span>

I want to get text_content value using JavaScript.

I have tried this but have a problem:

var resBox=document.getElementById('result_box');

var strTrans=resBox.getElementsByTagName('span')[0].innerHTML;

alert(strTrans);

EDIT: Actually i want to do this from Online Page
enter
enter

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

johnathanhakeems

Add To Favorites

Follow

Total Points: 487

Total Questions: 129

Total Answers: 100

Location: Fiji

Member since Fri, Nov 13, 2020

4 Years ago

answered 12 Years ago isaacvalentinn · Accepted Answer

your code works fine. i guess your problem is you are executing these code when DOM not loaded completely.if you are testing something, you can try this.

window.onload = function () {

   //put your code here,it will alert when page loaded completely.

};

or put the script after your span element. like this.

<span id='result_box'>

  <span class=hps>text_content</span>

</span>

<script type='text/javascript'>

   var resBox=document.getElementById('result_box');

   var strTrans=resBox.getElementsByTagName('span')[0].innerHTML;

   alert(strTrans);// it will alert

</script>