get text of Hidden in javascript

Question

I have 4 <SPAN> ,out of which 3 are hidden (display:none) in dynamic gridview

<tr>
   <SPAN id="Span1">Name</SPAN>
   <SPAN id="Span2" style="display:none"></SPAN>
   Id1<SPAN id="Span3" style="display:none">Id2</SPAN>
   <SPAN id="Span3" style="display:none">Id3</SPAN>
</td>

How could I get the text of those? I am getting that element in alert as [object HtmlSpanElement]. I had written it using innerHtml & innerText but result undefined.

Your sample code shows 3 spans, not the 4 you said you have. They're also not styled as display:none. You haven't shown the code you're using to get the [object HtmlSpanElement] either. Please revise your question. — Bernhard Hofmann, Jun 14 '11 at 07:11
@Bernhard Hofmann: I created gridview in some other .cs file, everything is dynamic. Thats why i written very clearly in question.this is shortcode. Try to tell me answer,why its not working in Mozilla — MayureshP, Jun 14 '11 at 07:25
why have you tagged this with c#? it seems this is not a c# question — kͩeͣmͮpͥ ͩ, Jun 14 '11 at 08:08

score 2 · Accepted Answer · answered Jun 14 '11 at 15:03

As requested by poster, and with thanks to V4Vendetta

The code to get the text content of a none is:

var content = span.innerText || span.textContent;

This works because (in general) those browsers that don't support innerText do support textContent. quirksmode has more detail.

score 0 · Answer 2 · answered Jun 14 '11 at 06:48

0

Using JQuery, this would get the values:

$(function() {
   $('tr span').each(function() {
     alert($(this).text());
   });
});

Here's an example

answered Jun 14 '11 at 06:48

Nathan

6,095
2
35
61

I know JQuery,but requirement is javascript – MayureshP Jun 14 '11 at 07:04
+1, it's correct and you didn't specify that it HAS to be plain JS, so no reason to downvote. – Dennis Röttger Jun 14 '11 at 10:20

score 0 · Answer 3 · edited Jun 14 '11 at 06:59

0

USE:

var str = document.getElementById('span1').value;

edited Jun 14 '11 at 06:59

kapa

77,694
21
158
175

answered Jun 14 '11 at 06:54

Saurabh

5,661
2
26
32

Since those are label inside gridview.I can not able to manage their ids. I get that HtmlElement by grid.rows[i].cells[1].childNodes[0] – MayureshP Jun 14 '11 at 07:09
2

CellValue = grd.rows[1].cells[1].childNodes[0].value – Saurabh Jun 14 '11 at 07:22
same i follow. But i got childNodes[0] & no value. – MayureshP Jun 14 '11 at 10:09

score 0 · Answer 4 · edited May 23 '17 at 12:31

0

Some browsers(Firefox) do not support innerText and would return undefined in such cases Read This

One more way would be to check textContent but then its not suppoerted in IE

So i would suggest you to try innerHTML and not innerHtml (you have to be careful of the case) and this should work in all the browsers.

edited May 23 '17 at 12:31

Community

1
1

answered Jun 14 '11 at 07:32

V4Vendetta

37,194
9
78
82

2

or you could do `span.innerText || span.textContent`? – kͩeͣmͮpͥ ͩ Jun 14 '11 at 08:10
@David Kemp:thanks.Post your comment as answer please. This is my accepted answer – MayureshP Jun 14 '11 at 10:13

Dennis Röttger · Answer 5 · 2011-06-14T08:20:33.970

0

Give your spans the Attribute runat="server" and access them like Span1.InnerHtml, Span2.InnerHtml, Span3.InnerHtml, etc. in CodeBehind. Or, considering that you get values from GridView, ((HtmlGenericControl)grid.rows[x].cells[y].FindControl("yourSpanId")).InnerHtml.

edited Jun 14 '11 at 08:20

answered Jun 14 '11 at 08:14

Dennis Röttger

1,975
6
32
51

score 0 · Answer 6 · answered Jun 14 '11 at 09:09

<script language="javascript" type="text/javascript"> 
 function MyFunction(){
     var gridview = document.getElementById('ctl00_ContentPlaceHolder1_gvmanageclients'); 
            var rCount = gridview.rows.length;
            alert(gridview.rows.length);
            var rowIndex=1;

            for (rowIndex; rowIndex<=rCount-1; rowIndex++)
            {
                var rowElement = gridview.rows[rowIndex];
                Cell = gridview.rows[rowIndex].cells[0];
                FirstControl = Cell.childNodes[0];
                alert(FirstControl.innerHTML);  

             }

  }
 </script>

get text of Hidden in javascript

6 Answers6