있자나 여기서 아이디 출력하면 아이디 가 출력되고 아이디 삭제 하면 아이디가 삭제되자나?

그런데 이때 아이디 출력했을 때 글자 아이디가 출력이 되면서 배경색도 같이 출력 되게 하고

아이디 삭제를 누르면 글자 아이디가 삭제되면서 배경색도 같이 삭제 되게 하고 싶다는거지

ㅇㅇ 이게 하고 싶다는거야

형들 이해했어? 이해 몬했으면 다시 알려줄게 라고 하기엔 뭔가 더 이상 설명은 여기까지가 최적화 인거 같아.

혹시 모르니 파일도 올릴게



<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\" \"http://www.w3.org/TR/html4/loose.dtd\">
<html>
 <head>
  <title> New Document </title>
  <meta name=\"Generator\" content=\"EditPlus\">
  <meta name=\"Author\" content=\"\">
  <meta name=\"Keywords\" content=\"\">
  <meta name=\"Deion\" content=\"\">
  < type=\"text/\" language=\"\">
 function onfunction(){
 
 var DOM_table=document.createElement(\'table\');
 var DOM_tr=document.createElement(\'tr\');
 var DOM_td=document.createElement(\'td\');
 DOM_tr.appendChild(DOM_td);
 DOM_table.appendChild(DOM_tr);
 
 var id_label_td = document.getElementById(\"id_label_td\");
 id_label_td.appendChild(DOM_table);
 var id_label = document.getElementById(\"id_label\");
  id_label.innerHTML=\"성공\";

 }

 function offfunction(){
 var DOM_table=document.createElement(\'table\');
 var DOM_tr=document.createElement(\'tr\');
 var DOM_td=document.createElement(\'td\');
 DOM_tr.appendChild(DOM_td);
 DOM_table.appendChild(DOM_tr);
 
 var id_label_td = document.getElementById(\"id_label_td\");
 id_label_td.appendChild(DOM_table);
 var id_label = document.getElementById(\"id_label\");
  id_label.innerHTML=\"\";
 
 }
  </>
 </head>

 <body>
 <form name=\"theForm\" method=\"\">
  <table>
  
 <tr>
  <td id=\"id_label_td\" align = \"left\" \" height=\"45\" width=\"100\" bgcolor=\"#EBFBFF\" style=\" padding-left:20px; padding-center:20px;\"><font size=\"2\" ><strong><div id=\"id_label\"></div></strong></font>
  </td>
 </tr>
 <tr>
  <td>
   <input type=\"button\" value=\"아이디 출력\" =\"onfunction();\">
   <input type=\"button\" value=\"아이디 삭제\" =\"offfunction();\">
  </td>
 </tr>
  </table>
  </form>

 </body>
</html>