innerHTML 예제

  <SCRIPT LANGUAGE="JavaScript">

  <!--

    function editDIV(strId){

      var id = "div_" + strId;

      var id2 = "txt_" + strId;

      var TTa = document.getElementById(id);

      var TTa_txt = TTa.innerHTML;

      var TTb = document.getElementById(id2);

      var TTb_txt = TTb.innerHTML;

      var TTc_txt = TTa_txt

      alert(TTc_txt)

      var textarea = '<div id="'+id+'"><input type="text" id="'+id+'_edit" name="'+id+'" value="'+TTb_txt+'">';

      var button = '<input id="'+id+'_save" type="button" value="저장" />&nbsp;<input id="'+id+'_cancel" type="button" value="취소" /></div>';

      document.getElementById(id).innerHTML = textarea+button;

    }

  //-->

  </SCRIPT>

      <div id="div_1">

        <div style="float:left;" id="txt_1">TTTTTT</div>

        ( 총 666 개 )

        <input type="button" id="btn_desc1" value="수정" onclick="editDIV('1');" />&nbsp;

        <input type="button" name="button" value="삭제" />

      </div>