title: How insert an input field in a table cell?
body: <p>Sorry for the noob question: I want to create a table with input fields where the can add new ones, if they are needed. But I can'T figure out how add another input field inside a cell where another input field already exists. </p>
  
  <p>My code is:</p>
  
  <pre><code>var par=obj.parentNode;
  while(par.nodeName.toLowerCase()!='tr')
  { par=par.parentNode; }
  // this gives me the index of the row.. works fine.
  
  cell1=document.getElementById('avz_tabelle').rows[par.rowIndex].cells;
  // this puts the content of the cells into the array "cell1"
  
  var feld = cell1[1].createElement("input"); 
  feld.setAttribute("name","avz_keywords" + avz_array + "[]"); 
  feld.setAttribute("onblur","");
  feld.setAttribute("type","text"); 
  feld.setAttribute("size","30"); 
  // Now I create a input element
  // And now comes the problem:
  
  cell1[1].appendChild(feld); // --&gt; doesn't work
  </code></pre>
  
  <p>Has anyone a suggestion for me?
  I got the idea to work without a table, theoratically that would work with my way. But that wouldn't be satisfying :/</p>