Показать сообщение отдельно
  #1 (permalink)  
Старый 28.01.2019, 16:35
Аспирант
Отправить личное сообщение для Marson Посмотреть профиль Найти все сообщения от Marson
 
Регистрация: 14.08.2018
Сообщений: 65

Редактирование ячейки страницы
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 удаляется из ячейки, заменяясь измененным значением.
Ответить с цитированием