document.getElementbyId(...) è nullo o non è un oggetto

[marilari]

salve a tutti sto sviluppando una pagina in cui sono elencati i prodotti di una azienda con i relativi prodotti. ad ogni riga è presente un link che attraverso ajax dovrebbe permettere la modifica del prezzo. Prima di iniziare ho fatto questa prova. Però mi da sempre l'errore "document.getElementbyId(...) è nullo o non è un oggetto." Chi mi sa dare una spiegazione?

<script type="text/javascript" language="Javascript">

function createXMLHttpRequest() {
var ua;

if(window.XMLHttpRequest) {
    try {
      ua = new XMLHttpRequest();
    } catch(e) {
      ua = false;
    }
  } else if(window.ActiveXObject) {
    try {
      ua = new ActiveXObject("Microsoft.XMLHTTP");
    } catch(e) {
      ua = false;
    }
  }
  return ua;
}


var req = createXMLHttpRequest();

function sendRequest(i) {
  req.open('get', '../func.php?id='+i);
  req.onreadystatechange = handleResponse;
  req.send(null);
}

function handleResponse() {

if(req.readyState == 4){
    var response = req.responseText;
 var b ="prezzo["+response+"]";
      document.getElementById(b).innerHTML = "prova";

}

}</script>

<?php
//CONNESSIONE AL DATABASE

echo "<h1>Elenco Prodotti</h1>";
echo "<table cellpadding=\"5\" cellpadding=\"5\"><tr><th colspan=\"4\">Prodotti</th></tr>";

$query2="select * from prodotto where esazienda='$id'";
$result2=mysql_query($query2,$db);
while ($row2=mysql_fetch_array($result2))
{
$idprodotto=$row2[idprodotto];
$descrizione=$row2[descrizione];
$prezzo=$row2[prezzo];
$confezione=$row2[confezione];
echo "<tr><td>$descrizione</td><td><div id=\"prezzo[$idprodotto]\">$prezzo &euro</div></td><td>$confezione bottiglie</td><td><a href=\"javascript:sendRequest($idprodotto);\">Modifica prezzo</a></td></tr>";
}
echo "</table>";
}

//CHIUSURA DEL DATABASE
?>