añadir fila en una tabla
Publicado por Elvis (1 intervención) el 06/06/2007 23:40:09
Buenos tardes ,
Mi problema es el siguiente:
deseo ingresar filas a una tabla interactivamente y a su vez con su respectivo cuadro de texto para ingresar datos.
consegui ejemplos pero solo crea los tr y los td pero no es posible ingresar el cuadro de texto en vez de eso ingresa texto al td con el comando "document.createTextNode" pero quiero que se ingrese cuadro de texto "<input type=text ....".
este es :
agradesco layuda que puedan brindarme
Mi problema es el siguiente:
deseo ingresar filas a una tabla interactivamente y a su vez con su respectivo cuadro de texto para ingresar datos.
consegui ejemplos pero solo crea los tr y los td pero no es posible ingresar el cuadro de texto en vez de eso ingresa texto al td con el comando "document.createTextNode" pero quiero que se ingrese cuadro de texto "<input type=text ....".
este es :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<html>
<head>
<title>Añadir filas a una tabla</title>
</head>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at --><!-- The JavaScript Source!! http://javascript.internet.com --><!-- Original: Scriptbreaker (pieterpareit@hotmail.com) --><!-- Original: http://www24.brinkster.com/scriptbreaker/home.htm) --><!-- Begin
function addRow(id){
var tbody = document.getElementById
(id).getElementsByTagName("TBODY")[0];
var row = document.createElement("TR")
var td1 = document.createElement("TD")
td1.appendChild(document.createTextNode("columna 1"))
var td2 = document.createElement("TD")
td2.appendChild (document.createTextNode("columna 2"))
row.appendChild(td1);
row.appendChild(td2);
tbody.appendChild(row);
}
// End -->
</script>
</HEAD>
<BODY style="font-family: Verdana">
<p align="center"><b>Añadir filas a una tabla</b></center><p>
<a href="javascript:addRow('myTable')">Añadir fila</a>
<table id="myTable" cellspacing="0" border="1">
<tbody>
<tr>
<td>fila1_columna1</td><td>fila1_columna1</td>
</tr>
</tbody>
</table>agradesco layuda que puedan brindarme
Valora esta pregunta
0
