How to get Text of Nested Span HTML element?

Question

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

Answer 1

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>