setting text simple?

[one man army]

> <URL:http://developer.mozil la.org/en/docs/DOM:element.tex tContent>

I tried setting the textContent on a trivial DIV text element.
Querying the result with window.alert() shows that it worked. Yet the
page does not change.

Is there a clean way to update the text on the screen? d.write()
d.close() causes a complete page redraw. In an application, we used to
InvalRect() the affected area, or swap an offscreen buffer. ugly white
flashing NOT!

[Martin Honnen]

one man army wrote:

<URL:http://developer.mozil la.org/en/docs/DOM:element.tex tContent>

I tried setting the textContent on a trivial DIV text element.
Querying the result with window.alert() shows that it worked. Yet the
page does not change.

Which browser have you tried with? Only newer Mozilla versions and I
think Opera 9 preview support element.textCon tent as that is a DOM Level
3 Core property and so far support for DOM Level 3 Core has not been a
major goal for browser DOM implementors.
With pure DOM Level 2 (or 1 too) you can always do
function setTextContent (element, text) {
while (element.hasChi ldNodes()) {
element.removeC hild(element.la stChild);
}
var doc = element.ownerDo cument || document;
element.appendC hild(doc.create TextNode(text)) ;
}

setTextContent( someElementObje ct, 'Kibology for all.');

Some browsers like IE or Opera also implement a property named innerText
in the HTML DOM which is very much the same as textContent.

--

Martin Honnen
http://JavaScript.FAQTs.com/

[Joel Byrd]

Use innerHTML. So, if the id proerty of you div is 'test', do the
following: document.getEle mentById('test' ).innerHTML = 'Some text'.
Simple.

[Julian Turner]

one man army wrote:

<URL:http://developer.mozil la.org/en/docs/DOM:element.tex tContent>

I tried setting the textContent on a trivial DIV text element.
Querying the result with window.alert() shows that it worked. Yet the
page does not change.

[snip]

If the "textConten t" property is not supported by your test browsers,
then effectively by setting myDiv.textConte nt="Hello"; I would guess
that you will have created a DIV "expando" property on the DIV object
(i.e. a custom attribute), hence why it appears with
window.alert(my Div.textContent ).

Julian

[Thomas 'PointedEars' Lahn]

Joel Byrd wrote:

Use innerHTML. So, if the id proerty of you div is 'test', do the
following: document.getEle mentById('test' ).innerHTML = 'Some text'.
Simple.

and error-prone as it combines features of different DOMs without testing.
Why am I not surprised?
PointedEars

[one man army]

In article <43************ ***********@new sread2.arcor-online.net>,
Martin Honnen <ma*******@yaho o.de> wrote:

one man army wrote:

<URL:http://developer.mozil la.org/en/docs/DOM:element.tex tContent>

I tried setting the textContent on a trivial DIV text element.
Querying the result with window.alert() shows that it worked. Yet the
page does not change.

Which browser have you tried with? Only newer Mozilla versions and I
think Opera 9 preview support element.textCon tent as that is a DOM Level
3 Core property and so far support for DOM Level 3 Core has not been a
major goal for browser DOM implementors.
With pure DOM Level 2 (or 1 too) you can always do
function setTextContent (element, text) {
while (element.hasChi ldNodes()) {
element.removeC hild(element.la stChild);
}
var doc = element.ownerDo cument || document;
element.appendC hild(doc.create TextNode(text)) ;
}

setTextContent( someElementObje ct, 'Kibology for all.');

Some browsers like IE or Opera also implement a property named innerText
in the HTML DOM which is very much the same as textContent.

I am using Mozilla/Gecko. I had no luck at all with innerHTML, but hey,
this is new to me. I could be missing something.
Your discussion of browsers and DOM levels is hard for me to follow.
The above quoted snippet looks promising - I will give it a try.

Gecko/20050511 Firefox/1.0.4
Gecko/20030624 Mozilla/5.0

thanks!

[one man army]

In article <ne************ **************@ newsclstr02.new s.prodigy.com>,
one man army <ne****@screenl ightDOT.com> wrote:

In article <43************ ***********@new sread2.arcor-online.net>,
Martin Honnen <ma*******@yaho o.de> wrote:

one man army wrote:

><URL:http://developer.mozil la.org/en/docs/DOM:element.tex tContent>
I tried setting the textContent on a trivial DIV text element.
Querying the result with window.alert() shows that it worked. Yet the
page does not change.

Which browser have you tried with? Only newer Mozilla versions and I
think Opera 9 preview support element.textCon tent as that is a DOM Level
3 Core property and so far support for DOM Level 3 Core has not been a
major goal for browser DOM implementors.
With pure DOM Level 2 (or 1 too) you can always do
function setTextContent (element, text) {
while (element.hasChi ldNodes()) {
element.removeC hild(element.la stChild);
}
var doc = element.ownerDo cument || document;
element.appendC hild(doc.create TextNode(text)) ;
}

setTextContent( someElementObje ct, 'Kibology for all.');

Some browsers like IE or Opera also implement a property named innerText
in the HTML DOM which is very much the same as textContent.

The above quoted snippet looks promising - I will give it a try.

great, this works. And I now get how the style is set for the element as
well. I am really just replacing the text part within a defined style.

Add Asynch, as off I go.

thanks