emulating document.docume ntElement on pre W3C DOM browsers

[Aaron Gray]

(Please tell me if this is silly or I am barking up the wrong tree)

Can someone check this please on pre W3C DOM browsers :-

function getDocumentRoot ()
{
for ( e in document.childN odes)
if ( document.childN odes[e].nodeName == "HTML")
return document.childN odes[e];
return document.body;
}

if (!document.docu mentElement)
document.docume ntElement = getDocumentRoot ();

There's an html test page here :-

http://www.aarongray.org/Test/JavaSc...ment-test.html

There's also a test for document.getEle mentById() emulation here :-

http://www.aarongray.org/Test/JavaSc...ById-test.html

Many thanks in advance,

Aaron

[Aaron Gray]

"Aaron Gray" <an********@gma il.comwrote in message
news:6d******** ****@mid.indivi dual.net...

if (!document.docu mentElement)
document.docume ntElement = getDocumentRoot ();

Minor behavioural amendment :-

if (!document.docu mentElement)
{
document.docume ntElement = getDocumentRoot ();
document.docume ntElement.readO nly = true;
}

Aaron

[SAM]

Aaron Gray a écrit :

"Aaron Gray" <an********@gma il.comwrote in message
news:6d******** ****@mid.indivi dual.net...

Your page-test works well with my Fx.3
(while it is not W3C compliant)

> if (!document.docu mentElement)
document.docume ntElement = getDocumentRoot ();

Minor behavioural amendment :-

if (!document.docu mentElement)
{
document.docume ntElement = getDocumentRoot ();

on my idea the next line will be not used.

'HTML' has been written on the page
so, probably, there is no more existing JS.

document.docume ntElement.readO nly = true;
}

if (!document.docu mentElement)
{
document.docume ntElement = getDocumentRoot ();
document.docume ntElement.readO nly = true;
alert('vu');
}

the alert doesn't fire

--
sm

[Aaron Gray]

"SAM" <st************ *********@wanad oo.fr.invalidwr ote in message
news:48******** *************@n ews.orange.fr.. .

Aaron Gray a écrit :

>"Aaron Gray" <an********@gma il.comwrote in message
news:6d******* *****@mid.indiv idual.net...

Your page-test works well with my Fx.3
(while it is not W3C compliant)

>> if (!document.docu mentElement)
document.docume ntElement = getDocumentRoot ();

Minor behavioural amendment :-

if (!document.docu mentElement)
{
document.docume ntElement = getDocumentRoot ();

on my idea the next line will be not used.

'HTML' has been written on the page
so, probably, there is no more existing JS.

Great.

> document.docume ntElement.readO nly = true;
}

if (!document.docu mentElement)
{
document.docume ntElement = getDocumentRoot ();
document.docume ntElement.readO nly = true;
alert('vu');
}

the alert doesn't fire

Okay Fx.3 does not support the readOnly attribute then.

Thats annoying as AFAICS theres no real fix for that :(

Aaron

[dhtml]

On Jul 11, 11:55*am, "Aaron Gray" <ang.use...@gma il.comwrote:

(Please tell me if this is silly or I am barking up the wrong tree)

Can someone check this please on pre W3C DOM browsers :-

Don't do this:

* * {
* * * * for ( e in document.childN odes)
* * * * * * if ( document.childN odes[e].nodeName == "HTML")
* * * * * * * * return document.childN odes[e];
* * * * return document.body;
* * }

for in enumerates and does this up the prototype chain. In Firefox,
"item" will be enumerated, e.g document.childN odes['item']. This is
inefficient and undesirable.

>
Aaron

[Aaron Gray]

"dhtml" <dh**********@g mail.comwrote in message
news:78******** *************** ***********@l64 g2000hse.google groups.com...
On Jul 11, 11:55 am, "Aaron Gray" <ang.use...@gma il.comwrote:

>(Please tell me if this is silly or I am barking up the wrong tree)

Can someone check this please on pre W3C DOM browsers :-

Don't do this:

>{
for ( e in document.childN odes)
if ( document.childN odes[e].nodeName == "HTML")
return document.childN odes[e];
return document.body;
}

for in enumerates and does this up the prototype chain. In Firefox,
"item" will be enumerated, e.g document.childN odes['item']. This is
inefficient and undesirable.

Okay so I use Array iteration rather than object iteration, thus :-

for ( var i = 0, N = document.childN odes.length; i < N; ++i)
if ( document.childN odes[i].nodeName == "HTML")
return document.childN odes[i];
return document.body;

I just learned that lesson else where :)

Thanks,

Aaron

[Richard Cornford]

Aaron Gray wrote:

>
(Please tell me if this is silly or I am barking up the
wrong tree)

Yes and Yes.

Can someone check this please on pre W3C DOM browsers :-

There is no need because Netscape 4 and IE 4 have no - childNodes -
collections/nodeLists. IE 4 had - children - collections, but not on the
document object if I recall correctly) and Netscape 4 had no means of
accessing an HTML element (because it could not be made into a layer
with CSS).

function getDocumentRoot ()
{
for ( e in document.childN odes)

The for-in statement throws and exception if the expression on the right
of the - in - is not type-convertible into an object, so IE 4 and
Netscape 4 exit here.

if ( document.childN odes[e].nodeName == "HTML")
return document.childN odes[e];
return document.body;

Netscape 4 has no - docuemnt.body - either.

}

<snip>

Richard.

[Aaron Gray]

"Richard Cornford" <Ri*****@litote s.demon.co.ukwr ote in message
news:g5******** ***********@new s.demon.co.uk.. .

Aaron Gray wrote:

>>
(Please tell me if this is silly or I am barking up the
wrong tree)

Yes and Yes.

Right :)

>Can someone check this please on pre W3C DOM browsers :-

There is no need because Netscape 4 and IE 4 have no - childNodes -
collections/nodeLists. IE 4 had - children - collections, but not on the
document object if I recall correctly) and Netscape 4 had no means of
accessing an HTML element (because it could not be made into a layer with
CSS).

> function getDocumentRoot ()
{
for ( e in document.childN odes)

The for-in statement throws and exception if the expression on the right
of the - in - is not type-convertible into an object, so IE 4 and Netscape
4 exit here.

Okay that has been moded to an array indexing for loop.

> if ( document.childN odes[e].nodeName == "HTML")
return document.childN odes[e];
return document.body;

Netscape 4 has no - docuemnt.body - either.

Right

> }

<snip>

Richard.

Great, thats cut the lower end off at IE4 and NN4.

Thanks,

Aaron

[Gregor Kofler]

Aaron Gray meinte:

Okay so I use Array iteration rather than object iteration, thus :-

for ( var i = 0, N = document.childN odes.length; i < N; ++i)
if ( document.childN odes[i].nodeName == "HTML")
return document.childN odes[i];
return document.body;

I just learned that lesson else where :)

Ok. Now add curly brackets - and it looks more like JavaScript ("N"
should become "n", too). You know JSLint [1]?

Gregor

[1]
http://www.jslint.com/
--
http://photo.gregorkofler.at ::: Landschafts- und Reisefotografie
http://web.gregorkofler.com ::: meine JS-Spielwiese
http://www.image2d.com ::: Bildagentur für den alpinen Raum

[Aaron Gray]

"Gregor Kofler" <us****@gregork ofler.atwrote in message
news:aE******** *****@nntpserve r.swip.net...

Aaron Gray meinte:

>Okay so I use Array iteration rather than object iteration, thus :-

for ( var i = 0, N = document.childN odes.length; i < N; ++i)
if ( document.childN odes[i].nodeName == "HTML")
return document.childN odes[i];
return document.body;

I just learned that lesson else where :)

Ok. Now add curly brackets - and it looks more like JavaScript ("N" should
become "n", too). You know JSLint [1]?

Gregor

[1]
http://www.jslint.com/

Thanks, have not got to Lint'ing things yet. I did not like that N either :)

Aaron