Amigo rimon, vamos por partes:
Cita:
Iniciado por rimon <table border="1" cellspacing="0" cellpadding="0">
<div id="algo"></div>
</table>
<input type="button" value="activar" onclick="ver()">
Al igual que un elemento TD sólo puede ser nodo hijo directo de un elemento TR, éste último sólo puede ser nodo hijo directo de un elemento TABLE. Por lo tanto ese elemento DIV siempre te va a quedar fuera de la tabla, ya que está puesto en un lugar que no le corresponde; un DIV puede ser nodo hijo directo de un elemento TD, pero no de un elemento TR ni de un elemento TABLE.
Cita:
Iniciado por rimon <table border="1" cellspacing="0" cellpadding="0" id="algo">
<tr><td>Dato</td><td>Dato2</td></tr>
</table>
<input type="button" value="activar" onclick="ver()">
Si utilizas la propiedad innerHTML para insertar filas en una tabla, innerHTML reemplazará todos los nodos hijos de la tabla por los nuevos. Es decir, en tu ejemplo cuando insertas la fila que contiene
Hola y
Adios reemplazará a la fila que contiene
Dato2.
Cita:
Iniciado por rimon Supongamos que tu ejemplo funciona e inserta la fila de js.. pero como indicas exactamente en donde insertar la nueva fila?, si queres que sea insertada debajo de x fila o arriba de x fila.. ahi se complicaria siguiendo tu ejemplo.
Si lo que quieres es ir insertando nuevas filas en un determinado lugar de la tabla debes trabajar más. En primer lugar la fuena fila debes crearla como OBJECT y no como STRING. Para eso debes recurrir a los métodos y propiedades que te proporciona el DOM (Document Object Model). Y en segundo lugar debes recurrir nuevamente al DOM para seleccionar un punto dentro de la tabla e insertar ahí la nueva fila creada.
Te recomiendo un
artículo/tutorial sobre DOM en Kusor.net (en castellano).