How do I get the value of a text node?

[laredotornado]

Hi,

If I have a TD, whose id = "myTd," that only contains text within
it,how do extract that text?

Thanks, - Dave

[Lasse Reichstein Nielsen]

laredotornado <la***********@zipmail.comwrites:

If I have a TD, whose id = "myTd," that only contains text within
it,how do extract that text?

Find all child nodes that are text nodes, and extract their content.
Even if the td only contains text, that text might be split over
more than one text node (worst case).

var td = document.getElementById("myTd");
var textNodeContents = [];
for(var chld = td.firstChild; chld; chld = chld.nextSibling) {
if (chld.nodeType == 3) { // text node
textNodeContents.push(chld.nodeValue);
}
}
var text = textNodeContents.join("");
/L
--
Lasse Reichstein Nielsen
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'

[laredotornado]

On Jul 21, 2:19*pm, Lasse Reichstein Nielsen <[e-mail]:

laredotornado<[e-mail]:

If I have a TD, whose id = "myTd," that only contains text within
it,how do extract that text?

Find all child nodes that are text nodes, and extract their content.
Even if the td only contains text, that text might be split over
more than one text node (worst case).

var td = document.getElementById("myTd");
var textNodeContents = [];
for(var chld = td.firstChild; chld; chld = chld.nextSibling) {
* if (chld.nodeType == 3) { // text node
* * textNodeContents.push(chld.nodeValue);
* }}

var text = textNodeContents.join("");

/L
--
Lasse Reichstein Nielsen
*DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
* 'Faith without judgement merely degrades the spirit divine.'

I'm noticing some odd behavior. When I call

var ele = document.getElementById(id);
var innerHtml = ele.innerHTML;
var text = ele.nodeValue;

The value of "innerHtml" yields a value whereas the value of "text"
comes up empty. The object type of ele is [object
HTMLTableCellElement].

Any other insights are greatly appreciatd, - Dave

[Joost Diepenmaat]

laredotornado <la***********@zipmail.comwrites:

I'm noticing some odd behavior. When I call

var ele = document.getElementById(id);
var innerHtml = ele.innerHTML;
var text = ele.nodeValue;

The value of "innerHtml" yields a value whereas the value of "text"
comes up empty. The object type of ele is [object
HTMLTableCellElement].

That's because table cells, and in fact most HTML node types, do not
have a useful nodeValue property. HTML text is part of the value of
Text nodes, which are children of the cell (if there is any text).

IOW, any characters "in between" tags and some other special
constructs results in one or more Text nodes containing the character
data.

Any other insights are greatly appreciatd, - Dave

See http://developer.mozilla.org/en/docs...ment.nodeValue

--
Joost Diepenmaat | blog: http://joost.zeekat.nl/ | work: http://zeekat.nl/

[Joost Diepenmaat]

Joost Diepenmaat <jo***@zeekat.nlwrites:

IOW, any characters "in between" tags and some other special

^
not part of

constructs results in one or more Text nodes containing the character
data.

--
Joost Diepenmaat | blog: http://joost.zeekat.nl/ | work: http://zeekat.nl/