baffling getElementById( ) has no properties error

[noddy]

In both IE7 and FF2(using firebug) I get the same error.

I have a page that displays work contacts' details within a
<DIV class = "contactBas e" >.

The div has a header area
<div id="contactHead er" class="client" >
in which is displayed the contact's name.

Within this header area div I also want to display in smaller font
the name of the person who listed this contact.

I want to do this in <div id="contactList er" .

Thus we have:

<DIV class = "contactBas e" >
<div id="contactHead er" class="client" >
<div id="contactList er" >

</div>
</div>
...
...
</DIV>
The contact is chosen from a <selectelemen t
(outside of these divs) which calls a
javascript function selectContact() .

Within selectContact()
I successfully display the contact name with the line
document.getEle mentById('conta ctHeader').inne rHTML= contactName;

However when I then try to display the lister with
document.getEle mentById('conta ctLister').inne rHTML= listerName;

I get the error:
document.getEle mentById("conta ctLister") has no properties

I have placed the javascript at the bottom of the <bodybelow all the
html.
In addition I have tried placing the line
document.getEle mentById('conta ctLister').inne rHTML= listerName;
in a separate function called at the end of selectContact()
but all to no avail.

I would be grateful if someone can tell me what I am doing wrong here.
TIA

N

[Lee]

noddy said:

>

In both IE7 and FF2(using firebug) I get the same error.

I have a page that displays work contacts' details within a
<DIV class = "contactBas e" >.

The div has a header area
<div id="contactHead er" class="client" >
in which is displayed the contact's name.

Within this header area div I also want to display in smaller font
the name of the person who listed this contact.

I want to do this in <div id="contactList er" .

Thus we have:

<DIV class = "contactBas e" >
<div id="contactHead er" class="client" >
<div id="contactList er" >

</div>
</div>
...
...
</DIV>
The contact is chosen from a <selectelemen t
(outside of these divs) which calls a
javascript function selectContact() .

Within selectContact()
I successfully display the contact name with the line
document.getEl ementById('cont actHeader').inn erHTML= contactName;

However when I then try to display the lister with
document.getEl ementById('cont actLister').inn erHTML= listerName;

I get the error:
document.getEl ementById("cont actLister") has no properties

In your original HTML, contactLister is contained within contactHeader.
When you replace the contents of contactHeader by changing its innerHTML
attribute, you destroy contactLister.
--

[noddy]

On 29 Mar 2007 17:53:51 -0700, Lee <RE************ **@cox.netwrote :

>In your original HTML, contactLister is contained within contactHeader.
When you replace the contents of contactHeader by changing its innerHTML
attribute, you destroy contactLister.

Thanks - your help is much appreciated.

N