динамическое создание строки таблицы в html/Javascript

Question

У меня есть таблица html с 1 строкой, чтобы заполнить задание для позиции. Теперь, если пользователь хочет заполнить детали задания для другой позиции, нажав ссылку, новая строка должна динамически создаваться каждый раз, когда пользователь нажимает на ссылку. Может любой из них мне помочь с кодом в html

Я использую главную страницу.

Спасибо, Vix

Answer 1

Я хотел бы предложить, глядя в jQuery, самый мощный яваскрипт рамки. Он популярен, и вы можете найти множество ссылок, ресурсов, плагинов, кода и т. Д., Чтобы помочь вам справиться с этим.

Вот вопрос stackoverflow, включающий добавление строки таблицы в таблицу с помощью jQuery. Add table row in jQuery

Answer 2

в простой Дом-Javascript без каких-либо рамок, вы можете использовать что-то вроде этого

var tr = document.createElement('tr'); 

var td1 = document.createElement('td'); 
var someDivToAppend = document.createElement('div'); 
someDivToAppend.innerHTML = "Some basic text content"; 

td1.appendChild(someDivToAppend); 
tr.appendChild(td1); 
... 

Но я предполагаю, что это, вероятно, слишком много удобная работа, библиотека как JQuery может помочь вам там. Вы можете посмотреть: http://api.jquery.com/append/

Answer 3

Также посмотрите на YUI Datatable. Очень полно и хорошо документировано.