El objeto no acepta propiedad, no identifico el error

[oscarbt]

Buenas tardes, realmente le he dado vuelta a este error y no doy con la solución, por eso recurro a este foro:

Tengo una funcion para crear filas a partir de los datos que recoge de un formulario, las filas no se guardan, me sale: El objeto no acepta esta propiedad o metodo

Aca la funcion:

Código Javascript:

function agrefilas(ultfila, id, op){
var numfila = parseInt(ultfila)+1; 
 if(op==2){
//----------------Recojo los valores 
var diagdet=document.getElementById("diagdet").value;
var observdiadet=document.getElementById("observdiadet").value;         
cadena = "<tr>";
//------Crea una fila cada vez q ejecutan el evento 
cadena = cadena + "<td align='center'><input type='hidden'  id='diagdet"+numfila+"' value='"+diagdet+"'/>" + diagdet + "</td>         ";        
cadena = cadena + "<td align='center'><input type='hidden'  id='variab"+numfila+"' value='"+observdiadet+"'/>" + variab +         "</td>";
cadena = cadena + "<td align='center'><input type='image'  id='elimina"+numfila+"' alt='eliminar' value='"+numfila+"       ' src='../imagenes/delete.png' onclick='fn_elimrams(this,'"+id+"')'/></td>";
 
}
 $("#"+id+" tbody").append(cadena);
 
//agregar es el id del boton que ejecuta el evento
var objeto= document.getElementById("agregar");
objeto.onclick= function(){
 fn_agrerams(numfila, id, op);
 
} // Fin funcion agregar fila
 
//Tengo tambien la funcion para eliminar dichas filas
 
 function fn_elimrams(objeto, id){
var nodo_del_row = objeto.parentNode.parentNode;
var index_del_row = nodo_del_row.rowIndex;
var nodo_de_tabla = nodo_del_row.parentNode; 
x=objeto.parentNode.parentNode.parentNode;
document.getElementById(id).deleteRow(index_del_row)                    
}
 

Y aca el codigo de mi formulario:

Código PHP:

echo "DIAGNOSTICO:";
echo "<select id='diagdet'>
<option  value='1'>Diagnostico 1</option>
<option  value='2'>Diagnostico 2</option>
<option  value='3'>Diagnostico 3</option>
</select>";
echo "OBSERVACION";
echo "<textarea id='observdiadet' rows='5' cols='60'></textarea>";
 
// Y el boton donde ejecuto el evento, 2 es la opcion a la que entra en la funcion agrefilas, 
//grirams es el id de la tabla que se va a llenar con las filas
<button id='agregar' Onclick='agrefilas('".$id."','grirams','2')'>Agregar</button>
 
// Y la tabla donde se crean las filas:
// Es importante el id de la tabla, ya que es un parametro para la funcion
 
$id =0;
echo "<table id='grirams' class='tabla' border='1' width='600'>
<thead>
 <tr class='modo2'>
<td >CODIGO</td>
<td>NOMBRE</td>
<td >OBSERVACION</td>
<td>MODIFICAR</td>
<td>ELIMINAR</td>";
            
 echo"</tr>
</thead>
<tbody> 
</tbody>
</table>";
 

Es decir, cada vez que se selecciona un diagnostico y se ingresa una observacion y se da clic en el boton con id agregar, se empieza a llenar la tabla con id grirams.

No entiendo porque me sale este error, alguien puede indicarme si tengo algun error en el codigo?

Muchas gracias