document.getElementById(txtid) has no properties error

[noddy]

I need to retrieve some notes from a database, allow users to modify
them and then return them to the database.I have done this
satisfactorily using php.However I would like to do it using AJAX.

To this end I have a <divthe innerhtml for which is sent from a php
file. The innerhtml constructs and fills a series of textareas and
provides each with an id.

When I want to return the modified note to the database and try to
copy the text displayed in a text area with the line

var txt=document.getElementById(txtid).value;
or
var txt=document.getElementById(txtid).text;

I get the error
document.getElementById(txtid) has no properties

When I try
var txt=document.getElementById(txtid);
txt gets the null value.

I would be grateful if someone could explain the basis of my error and
how I can get the text string back out of these text areas.

TIA

N

[Evertjan.]

noddy wrote on 31 mrt 2007 in comp.lang.javascript:

I need to retrieve some notes from a database, allow users to modify
them and then return them to the database.I have done this
satisfactorily using php.However I would like to do it using AJAX.

To this end I have a <divthe innerhtml for which is sent from a php
file. The innerhtml constructs and fills a series of textareas and
provides each with an id.

When I want to return the modified note to the database and try to
copy the text displayed in a text area with the line

var txt=document.getElementById(txtid).value;
or
var txt=document.getElementById(txtid).text;

I get the error
document.getElementById(txtid) has no properties

When I try
var txt=document.getElementById(txtid);
txt gets the null value.

var txt=document.getElementById('txtid');

>
I would be grateful if someone could explain the basis of my error and
how I can get the text string back out of these text areas.

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[noddy]

On 31 Mar 2007 11:21:34 GMT, "Evertjan."
<ex**************@interxnl.netwrote:

>noddy wrote on 31 mrt 2007 in comp.lang.javascript:

>I need to retrieve some notes from a database, allow users to modify
them and then return them to the database.I have done this
satisfactorily using php.However I would like to do it using AJAX.

To this end I have a <divthe innerhtml for which is sent from a php
file. The innerhtml constructs and fills a series of textareas and
provides each with an id.

When I want to return the modified note to the database and try to
copy the text displayed in a text area with the line

var txt=document.getElementById(txtid).value;
or
var txt=document.getElementById(txtid).text;

I get the error
document.getElementById(txtid) has no properties

When I try
var txt=document.getElementById(txtid);
txt gets the null value.

var txt=document.getElementById('txtid');

I should have pointed out the txtid is a variable name
after:
var txt=document.getElementById('txtid');
txt == null

[Evertjan.]

noddy wrote on 31 mrt 2007 in comp.lang.javascript:

>>When I try
var txt=document.getElementById(txtid);
txt gets the null value.

var txt=document.getElementById('txtid');

I should have pointed out the txtid is a variable name
after:
var txt=document.getElementById('txtid');
txt == null

You must have made a coding mistake.
What about debugging?
Did you really do some simple testing yet?

<textarea id='txtid'>
blah
</textarea>

<script type='text/javascript'>

var txt=document.getElementById(txtid);

alert(txtid); // undefined
alert(txt); // null

var txtid = 'txtid';
var txt=document.getElementById(txtid);

alert(txtid); // txtid
alert(txt); // [object]
alert(txt.value); // blah
alert(txt.text); // undefined

</script>

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[noddy]

On 31 Mar 2007 14:59:59 GMT, "Evertjan."
<ex**************@interxnl.netwrote:

>You must have made a coding mistake.
What about debugging?
Did you really do some simple testing yet?

Many thanks for your help.
Your debugging tips put me on the right track.
It resolved itself to an issue with innerHTML.
The solution to my problem is

document.getElementById(txtid).innerHTML

In IE7 this returns the text as modified.
IN FF it returns only the original text, but this is not a problem as
the only browser we will be using is IE7.

N