<script>
   function getText(){
      var txt = document.all.txt;
  if(txt != null){
     if(txt.tagName == "INPUT"){
    txt.parentElement.innerHTML = txt.value;
 }
  }
      var el = window.event.srcElement;
  if(el.tagName == "TD"){
     el.innerHTML = "<input type=text id='txt' name='txt' style='border:1px' value="+el.innerText+" width='100' onmouseover='this.select()'>";  
  }
   }
</script><table bgcolor="#000000" cellspacing=1 cellpadding=1 width="200">
  <tr>
    <td bgcolor="#ffffff" width=100 height=20 onfocus="javascript:getText();">aaaaaaaaaaa</td>
<td bgcolor="#ffffff" width=100 onfocus="javascript:getText();">bbbbbbb</td>
  </tr>
</table>