|
Цитата:
|
|
В таком варианте код и добавляет и удаляет поля, кнопки добавления у удаления находятся под строкой (не в одной строке, а под ней).
|
Ну в первом варианте вы сначала пишете в innerHTML, а потом добавляете к тому же самому innerHTML ещё немножко разметки, но innerHTML уже оказывается другим.
var keke = document.createElement("div");
keke.innerHTML = "<table><tr><td>lolwut";
Что возвратит keke.innerHTML? "<table><tr><td>lolwut</td></tr></table>"
Именно поэтому и работает код удаления элемента, так как this.parentNode кнопки ссылается на нужный заключающий <div>. А во втором варианте всё добавляется верно и кнопка вставляется в мини-таблицу, но тогда this.parentNode ссылается уже на <td> и удаления не происходит.