同じページ内で<td>をinputに置き換える

昨日からの小さな一歩。


の中に文字列があって、【変更】ボタンを押すとの中の文字列がインプットボックスの中に現れる、という流れです。

<script type="text/javascript">
  var clicker = "on";
  function hoge() {
    if (clicker == "on") {
    var code = document.getElementById('code');
    var text1 = code.firstChild.nodeValue;
    var intext = document.createElement('input')
    intext.type='text';
    intext.value=text1;
    code.appendChild(intext);
    code.removeChild(code.childNodes[0]);
    var name = document.getElementById('name');
    var text2 = name.firstChild.nodeValue;
    var namebox = document.createElement('input');
    namebox.type='text';
    namebox.value=text2;
    name.appendChild(namebox);
    name.removeChild(name.childNodes[0]);
    clicker = "off";
    }
  }
</script>