How to make table cell editable?

Question

JavaScript

How to make a click on a table cell containing data to turn it into an input field in which you can change the value?
I would not like to invent a curved bicycle, especially since I have already met this many times on other sites.

Answer 1

Table is our parent element, by setting the following attribute, the site visitor is given the opportunity to edit the content of the child elements.
<table contenteditable="true">

Answer 2

contentEditable

document.getElementById("#myCoolTD").contentEditable = true;