В этом примере описывается метод реализации TR и TD динамического добавления таблицы с помощью JS. Поделитесь этим для вашей ссылки. Конкретный метод реализации следующим образом:
Скопируйте код следующим образом: <html>
<голова>
<title> </title>
<Script language = "javascript">
var temprow = 0;
var maxrows = 0;
function insertrows () {
Temprow = table1.rows.length-1;
maxrows = temprow;
Temprow = Temprow+1;
var Rows = table1.rows; // массивные ряды
var newRow = table1.insertrow (table1.rows.length); // вставить новую строку
var cells = newRow.cells; // массивные ячейки
для (i = 0; i <2; i ++) // 7 столбцов данных на строку
{
var newcell = rows (newRow.rowindex) .insertcell (cells.length);
newcell.align = "center";
Переключение (i)
{
case 0: newcell.innerhtml = "<td valign = 'top'> corpname </td>"; перерыв;
Случай 1: newcell.innerhtml = "<td valign = 'top'> <a href = 'javascript: deltableerow (/" "+temprow+"/")'> удалить </a> </td>"; перерыв;
}
}
maxrows+= 1;
}
Функция DeltableRow (rownum) {
if (table1.rows.length> rownum) {
Таблица1.Deleteterow (Rownum);
}
}
</Script>
</head>
<тело>
<form action = "">
<Таблица сотока сотовой связи = "0" cellpadding = "0" align = "center">
<tr valign = "top">
<th>
<input value = "добавить" type = "кнопка" onclick = "insertrows ()">
</th>
</tr>
</table>
<br />
<таблица Align = "center" id = "table1">
<tr>
<Th> название компании </th>
<Th> Операция <TH>
</tr>
</table>
</form>
</body>
</html>
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.