Existem várias linhas na tabela: var trcnt = table.rows.length; (Tabela é ID)
Quantas colunas existem para cada linha: para (var i = 0; i <trcnt; i ++)
tabela.Rows [i] .Cells.Length;
Tabela de operação de JavaScript:
insertrow (), deleterow (), insertcell (), métodos deleteCell ()
tabela.insertrow () é bom no IE, mas no Firefox, ele deve ser alterado para a tabela.insertrow (-1)
Da mesma forma, o InsertCell () correspondente também deve ser alterado para InsertCell (-1)
Método insertrow ()
Definição e uso
O método insertrow () é usado para inserir uma nova linha em uma posição especificada na tabela.
gramática
TableObject.insertrow (índice)
Valor de retorno
Retorna um table, indicando a linha recém -inserida.
ilustrar
Este método cria um novo objeto de table, representa uma nova tag <tr> e insere -a na posição especificada na tabela.
A nova linha será inserida antes da linha do índice. Se o índice for igual ao número de linhas na tabela, a nova linha será anexada ao final da tabela.
Se a tabela estiver vazia, a nova linha será inserida em um novo segmento <tBody>, que será inserido na tabela.
Jogue fora
Se o índice de parâmetros for menor que 0 ou superior ou igual ao número de linhas na tabela, esse método lançará uma exceção de Domexception com o código index_size_err.
exemplo
A cópia do código é a seguinte:
<html>
<head>
<script type = "text/javascript">
função insrow ()
{
Document.getElementById ('MyTable'). Insertrow (0)
}
< /script>
</head>
<Body>
<tabela id = "myTable">
<tr>
<Td> Row1 Cell1 </td>
<td> row1 Cell2 </td>
</tr>
<tr>
<td> row2 Cell1 </td>
<Td> Row2 Cell2 </td>
</tr>
< /tabela>
<br />
<input type = "Button" OnClick = "Insrow ()"
value = "Insira nova linha">
< /body>
</html>
deleteCell ()
Definição e uso
O método deleteCell () é usado para excluir células (elementos <TD>) em uma linha de tabela.
gramática
TablerowObject.DeleletCell (índice)
ilustrar
O índice de parâmetros é a posição do elemento da tabela a ser excluído na linha.
Este método exclui os elementos da tabela na posição especificada na linha da tabela.
Jogue fora
Se o índice de parâmetros for menor que 0 ou superior ou igual ao elemento da tabela na linha, esse método lançará uma exceção de Domexception com o código index_size_err.
exemplo
A cópia do código é a seguinte:
<html>
<head>
<script type = "text/javascript">
função delrow ()
{
Document.getElementById ('MyTable'). Deleterow (0)
}
< /script>
</head>
<Body>
<tabela id = "myTable">
<tr>
<Td> Row1 Cell1 </td>
<td> row1 Cell2 </td>
</tr>
<tr>
<td> row2 Cell1 </td>
<Td> Row2 Cell2 </td>
</tr>
< /tabela>
<br />
<input type = "Button" OnClick = "Delrow ()"
value = "Exclua a primeira linha">
< /body>
</html>
InsertCell ()
Definição e uso
O método InsertCell () é usado para inserir um elemento vazio <td> na posição especificada de uma linha na tabela HTML.
gramática
tablerowobject.insertCell (índice)
Valor de retorno
Um objeto de tabelas representando um elemento recém -criado e inserido <td>.
ilustrar
Este método criará um novo elemento <td> e o insira na posição especificada na linha. A nova célula será inserida antes do elemento da tabela atualmente localizado na posição especificada no índice. Se o índice for igual ao número de células na linha, a nova célula será anexada no final da linha.
Observe que esse método só pode inserir elementos da tabela de dados. Se você precisar adicionar elementos do cabeçalho a uma linha, deverá criar e inserir um elemento <th> usando o método document.createElement () e o método node.insertBefore () (ou métodos relacionados).
Jogue fora
Se o índice de parâmetros for menor que 0 ou superior ou igual ao elemento da tabela na linha, esse método lançará uma exceção de Domexception com o código index_size_err.
exemplo
A cópia do código é a seguinte:
<html>
<head>
<script type = "text/javascript">
função inscell ()
{
var x = document.getElementById ('tr2'). InsertCell (0)
x.innerhtml = "John"
}
< /script>
</head>
<Body>
<tabela>
<tr id ID = "Tr1">
<th> primeiro nome </th>
<th> Nome Último </th>
</tr>
<tr id ID = "Tr2">
<Td> Peter </td>
<td> Griffin </td>
</tr>
< /tabela>
<br />
<input type = "button" onclick = "inscell ()" value = "insert célula">
< /body>
</html>
deleteCell ()
Definição e uso
O método deleteCell () é usado para excluir células (elementos <TD>) em uma linha de tabela.
gramática
TablerowObject.DeleletCell (índice)
ilustrar
O índice de parâmetros é a posição do elemento da tabela a ser excluído na linha.
Este método exclui os elementos da tabela na posição especificada na linha da tabela.
Jogue fora
Se o índice de parâmetros for menor que 0 ou superior ou igual ao elemento da tabela na linha, esse método lançará uma exceção de Domexception com o código index_size_err.
exemplo
A cópia do código é a seguinte:
<html>
<head>
<script type = "text/javascript">
função delcell ()
{
Document.getElementById ('TR2'). DeleteCell (0)
}
< /script>
</head>
<Body>
<tabela>
<tr id ID = "Tr1">
<th> primeiro nome </th>
<th> Nome Último </th>
</tr>
<tr id ID = "Tr2">
<Td> Peter </td>
<td> Griffin </td>
</tr>
< /tabela>
<br />
<input type = "button" onclick = "delcell ()" value = "delete célula">
< /body>
</html>
Aplicações no projeto:
A cópia do código é a seguinte:
<script type = "text/javascript">
var trindex = 0;
// aumenta dinamicamente a linha
unction appendConvert () {
// var sel = document.getElementById ("selectConvertName");
var sel = document.getElementsByName ("selectConvertName") [0];
var className;
if (null! = Sel) {
for (var i = 0; i <sel.options.length; i ++) {
if (sel.options [i] .Selected)
ClassName = Sel.Options [i] .Value;
}
}
// Os dados vêm do formulário Ajax, JSON.
convert.getConvertbean2json (ClassName,
função (resultado) {
var obj = avaliar ('('+resultado+')');
var tabela = document.getElementById ("converttable");
var newrow = tabela.insertrow (TriNex+1);
newrow.insertCell (0) .innerhtml = obj.name+"<input type = 'button' value = 'delete' onclick = 'deleterow (this)'>";
newrow.insertcell (1) .innerhtml = "<entrada type = 'text' name = 'convertlist ["+triNex+"]. id'> <input type = 'hidden' name = 'convertlist ["+trindex+"]. name' value = '"+obj.name+"'>";;
if (null! = obj.paramlist) {
var paramstr = "";
for (var i = 0; i <obj.paramlist.length; i ++) {
paramstr = paramstr+
"Nome do parâmetro:"+obj.paramlist [i] .name+
"; Tipo de parâmetro:"+obj.paramlist [i] .Type+
";
"<input type = 'Hidden' name = 'convertlist ["+trindex+"]. paramlist ["+i+"]. name' value = '"+obj.paramlist [i] .name+"'>"+
"<input type = 'hidden' name = 'convertlist ["+trindex+"]. paramlist ["+i+"]. tipo' value = '"+obj.paramlist [i] .type+"'>";
}
newrow.insertCell (2) .innerhtml = paramstr;
}
TriNex ++;
});
}
// Exclua a linha
em deleterow (r) {
var i = r.parentnode.parentnode.rowindex;
document.getElementById ('convertable'). Deleterow (i);
TriNex--;
}
</script>