Создание элементов под выбранной строкой таблицы
 

Приветствую!Есть таблица(генерируется динамически). Рядом - кнопка.По нажатию на кнопку должны внизу записи таблицы(возле которой была нажата кнопка) появиться поля для редактирования.Вопрос: как добавлять поля именно ниже самой записи таблицы?

Если хотите что бы вам помогли, кидайте пример того что уже сделано, что бы мы могли отталкиваться от того что уже есть... Либо идите в раздел РАБОТА.

Создание кнопки:

var button=document.createElement("input");
                 	button.setAttribute("type","button");
                 	button.setAttribute("value","Change");
                 	button.id=data.persons[i].person.id;
                 	button.onclick=function() { change(this.id);};
                 	var newCell=newRow.insertCell(3);
                 	newCell.appendChild(button);

Обработка:

function change(id) {
    	
    	 var change=document.createElement("input");
     	 change.setAttribute("type", "text");
     	 change.setAttribute("id", id);

этого мало, приведите пример таблицы... и укажите где именно в ней нужно подставлять ваши инпут

если нажать на кнопку (показано красной стрелочкой),то ниже записи в таблице должны открываться поля для редактирования(там,куда указывает синяя стрелочка)