title: Javascript: Make a cell editable
body: <p>I am currently working on a project with javascript. I have a button that inserts rows to my table. Each row has 3 cells. One of these cells have to be editable,so the user can write a link there. How can i achieve this? Thanks.
  <strong>I SHOULD NOT USE JQUERY!</strong>
  mycode :</p>
  
  <pre><code>&lt;head&gt;
  &lt;style&gt;
  table, td {
  border: 1px solid black;
  }
  &lt;/style&gt;
  &lt;script type="text/javascript"&gt;
  function Insert(){
  var x=document.getElementById("myTable");
  var row=x.insertRow(1);
  var cell1=row.insertCell(0);
  var cell2=row.insertCell(1);
  var cell3=row.insertCell(2);
  cell1.innerHTML=document.getElementById("myTxt");
  
  
  }
  
  
   &lt;/script&gt;
   &lt;/head&gt;
  
   &lt;body&gt;
   &lt;input id="myTxt" name="Text1" type="text" /&gt;
   &lt;input onclick="Insert()" name="Submit1" type="submit" value="Insert" /&gt;
  
   &lt;table id="myTable"&gt;
   &lt;tr id="myRow"&gt;
   &lt;td&gt;Cell 1&lt;/td&gt;
   &lt;td&gt;Cell 2&lt;/td&gt;
   &lt;td&gt;Cell 3&lt;/td&gt;
  
   &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/body&gt;
  </code></pre>