Salve a tutti ragazzi

ho un problema con l'utilizzo del metodo getElementById.

In pratica tramite uno js dovrei modificare dinamicamente gli elementi di un documento XHTML con l'utilizzo del metodo getElementById e della proprietà innerHTML, devo fare per forza così, è una traccia di esame e ha delle specifiche particolari.

Allora prima di risolvere il vero problema ho pensato di vedere un pò questa proprietà facendo un piccolo esercizietto copiato lettera per lettera dall'esempio proposto dal PROF e in aula funzionava. Ma quando lo vado a provare mi dice il seguente errore:::

document.getElementById(...). è nullo o non è un oggetto ma non riesco a capire il preche.

Vi posto qui sotto il codice e spero che voi possiate aiutarmi.

Grazie a tutti anticipatamente





<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>esercirazione 23/04/2009</title>
<script language="JavaScript" type="text/javascript">
<!--
document.getElementById('displayDiv').innerHTML="p pp£";
//-->
</script>

</head>
<body>

<p id="displayDiv">La somma dei numeri è: </p>
<div id="displayDiv"></div>
</body>
</html>