cell_javascript 기술을 클릭한 후 셀의 텍스트를 편집 가능하게 만드는 방법

JAVASCRIPT를 사용하여 해당 셀을 클릭하면 셀의 텍스트가 INPUT 또는 SELECT로 편집 가능하게 되고, 셀을 떠난 후에는 셀의 텍스트가 수정된 텍스트가 된다는 것을 깨닫는 방법입니다.
클릭한 셀을 INPUT으로 변환하기 위해 다음 방법을 사용하는데, 다른 셀을 클릭한 후 텍스트 상태를 복원하는 방법과 INPUT 이후 수정된 값을 반환하는 방법을 모르겠습니다. 이 효과를 달성하는 더 좋은 방법이 있습니까?

<table border="1" cellpadding="0" cellspacing="0" id="tbl"> <tr> <td>123</td> <td>456</td> </tr> <tr> <td>abc</td> <td>efg</td> </tr> </table>
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.

]

2 ,

<table border="1" cellpadding="0" cellspacing="0" id="tbl"> <tr> <td>123</td> <td>456</td> </tr> <tr> <td>abc</td> <td>efg</td> </tr> </table>
[Ctrl A select all 참고:

외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다
]