getElementById "Object required" error

[Dave Hammond]

I've got what should be a simple assignment of either an element value
or a default string to a variable, but when the element doesn't exist I
get an "Object required" error rather than an assignment of the default
value.

I originally used the simple statement:

var v = document.getEle mentById('foo') .value ||
parent.document .getElementById ('foo').value ||
'unknown';
document.writel n(v);

This caused the "Object required" error if there was no element, so I
added some error checking:

var v = (document.getEl ementById)
? document.getEle mentById('foo') .value
: (parent.documen t.getElementByI d)
? parent.document .getElementById ('foo').value
: 'unknown';
document.writel n(v);

Unfortunately, this still results in an "Object required" error when
the element is not present in the document or its parent.

Any pointers to where I am going wrong would be appreciated.
Thanks,
Dave H.

[Martin Honnen]

Dave Hammond wrote:

var v = document.getEle mentById('foo') .value ||
parent.document .getElementById ('foo').value ||
'unknown';
document.writel n(v);

This caused the "Object required" error if there was no element

If there is no element with id 'foo' then getElementById returns null
and you can't access null.value so you need to make sure you check the
return value of getElementById e.g.
var element;
if (document.getEl ementById && (element =
document.getEle mentById('foo') )) {
// now access element.value here
}

--

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

[Dave Hammond]

Thanks, Martin, that did the trick!

-Dave H.