arr = [[1,2], [3,4]];
function tableEditor(idDiv, arr){
var div = document.createElement('div');
div.setAttribute('id', idDiv);
var table = document.createElement('table');
table.setAttribute('border', '1');
div.appendChild(table);
for(var i=0;i<arr.length;i++){
var tr = document.createElement('tr');
table.appendChild(tr);
for(var j=0;j<arr[i].length;j++){
var td = document.createElement('td');
td.innerHTML = arr[i][j];
tr.appendChild(td);
}
}
td.addEventListener('dblclick', function(){
var input = document.createElement('input');
input.setAttribute('type','text');
return td;
});
return div;
};
document.body.appendChild((tableEditor('container', arr)));
Подскажите пожалуйста как сделать: При даблклике контент ячейки подменяется на input. По даблклику по input измененые данные заносятся в оригинальный массив и input удаляется из ячейки, заменяясь измененным значением.