Dom 应用-CSDN博客

本文链接：https://blog.csdn.net/jiangyaowei/article/details/227595

博客展示了两段JavaScript代码，分别是selectDesc和selectImage函数。前者用于在表格中删除原有内容并添加文本框，后者则是删除原有内容后添加文件输入框，通过操作表格元素实现动态添加不同输入元素的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//<script>
//************************************** select desc/image   start
   function selectDesc(){
  var table = document.getElementById("Table_Desc_Image");
  var rows = table.getElementsByTagName("tr");
//************************* delete old
  if (table.rows.length > 0){
   var row = rows[0];
   var Kids = row.childNodes;
   var c = row.removeChild(Kids[0]);
   if ( Kids.length == 0 ){
             table.tBodies[0].removeChild(row);
   }
  }
//************************* add new
  var row = document.createElement("tr");
  var col = document.createElement("td");
  var txt_area =document.createElement("<textarea name='Description' rows='20' cols='60'></textarea>");
  col.appendChild(txt_area);
  row.appendChild(col);
  table.tBodies[0].appendChild(row);
   }
   function selectImage(){
  var table = document.getElementById("Table_Desc_Image");
  var rows = table.getElementsByTagName("tr");
//************************* delete old
  if (table.rows.length > 0){
   var row = rows[0];
   var Kids = row.childNodes;
   var c = row.removeChild(Kids[0]);
   if ( Kids.length == 0 ){
             table.tBodies[0].removeChild(row);
   }
  }
//************************* add new
  var row = document.createElement("tr");
  var col = document.createElement("td");
  var fileURL =document.createElement("<INPUT TYPE='file' NAME='strURL' SIZE='30'>");
  col.appendChild(fileURL);
  row.appendChild(col);
  table.tBodies[0].appendChild(row);
   }
//************************************** select desc/image   end
//jsp
   <tbody>
   <table id="Table_Desc_Image">
    <tr>
     <td>
      <textarea name='Description' rows="20" cols="60"></textarea>
     </td>
    </tr>
   </table>
   </tbody>