document.getElementById error

**avrolymos** · May 24, 2007 13:21

Hi all,

I am getting a strange error while trying to get-ElementById()- a tbody element. Here is the chunk of code

Code:

function displayStats(data, period, routesNo) 
{
	var tb = document.getElementById("resultsTbody");
	var inforow = document.createElement('tr');
	inforow.setAttribute("id", "aRow");
		
	var infocell = document.createElement('td');
	infocell.setAttribute("id", "infoCell");
	infocell.innerHTML = "string";
	
	inforow.appendChild(infocell);
	tb.appendChild(inforow);
           ....
}

......
......

HTML Code:

<table id="statisticsResultsTbl" border="1" width="600" align="center">
	<thead class="tbodies" id="headTbody">
		<tr class="darkBlue">
			<td id="statsMainHd" align="center" class="db_title_12pt">Statistics Results</td>
		</tr>
	</thead>
	<tbody id="resultsTbody"></tbody>
</table>

In FF i get the error: "tb has no properties"
in IE7: 'null' is null or not an object
in opera is not working at all

What the heck...i have the same code elsewhere and it's working...

any ideas??

thanks in advance

**Kravvitz** · May 25, 2007 00:22

When and where do you call the function?

**avrolymos** · May 25, 2007 08:12

the above are all in the same document (html).

The function displayStats() is in the <head/>

in the body i am calling the function as follows, before any other HTML code:

Code:

if($json) {
     <script type="text/JavaScript" language="JavaScript">
	displayStats($json_res, $str1, $str2);
     </script>
}

The above is an example...the program is not in php but in java...however is a custom way of passing/parsing variables to html so it won't help you if i paste the exact thing here...

if i put an alert(data); in the first line of the displayStats() func or a dojo.debug(data); i get the json objects correctly.

The error in both browsers points to the "tb.appendChild(inforow)" line.

**Kravvitz** · May 25, 2007 08:57

It sounds like you aren't waiting for the DOM to finish being built.

Try calling the function via an onload handler. Also, the language attribute is deprecated, so you shouldn't use it.

Code:

     <script type="text/JavaScript">
	window.onload = function() {
		displayStats($json_res, $str1, $str2);
	}
     </script>

**avrolymos** · May 25, 2007 09:14

I have two tables on that page...I want the first to remain there and append the new table after the first (lets say i am now creating the whole table in JS)

dojo.dom.insertAfter(node, ref, force) can do that, however, the ref is failing and this is because i can getElementById only the <body> element...
All the rest elements in the body it's like they don't exist in the page's dom, and i get the very same error, allthough i can see them in firebug

**avrolymos** · May 25, 2007 09:17

Ohhh...YES! Even before i try it, i believe you are absolutely correct.
It get's in the function before those elements get created in the dom! Thanks for waking me up...

**avrolymos** · May 25, 2007 09:19

After trying it: That was it of course. Thanks again!

User Tag List

Thread: document.getElementById error

Thread Tools

Display

document.getElementById error

Bookmarks

Bookmarks

Posting Permissions