动态表格，通过点击按钮增加或者删除整个表格，按钮删除整个table，删除表格控制...

于 2008-08-31 23:42:45 发布 · 283 阅读

文章标签：

#HTML

HTML 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一个简单的HTML页面，该页面包含两个按钮用于添加和删除表格。通过JavaScript实现了按钮的功能，可以向页面中添加一个带有六行的表格，每行包含一个单元格显示“Enjoy”。点击删除按钮将移除整个表格。

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
<HTML>  
 <HEAD>  
  <TITLE> New Document </TITLE>  
  <META NAME="Generator" CONTENT="EditPlus">  
  <META NAME="Author" CONTENT="">  
  <META NAME="Keywords" CONTENT="">  
  <META NAME="Description" CONTENT="">  
 </HEAD>  

 <BODY>  
  <input type="button" value="添加表格" onClick="addTable()"/>  
<input type="button" value="删除表格" onClick="deleteTable()"/>  
<span id="test"/>  
<script>  
function addTable()   
{   
  test.innerHTML="<table border=';1';><tr><td>Enjoy</td></tr><tr><td>Enjoy</td></tr><tr><td>Enjoy</td></tr><tr><td>Enjoy</td></tr><tr><td>Enjoy</td></tr><tr><td>Enjoy</td></tr><tr><td>Enjoy</td></tr></table>";   
}   
function deleteTable()   
{   
  test.innerHTML="";   
}   
</script>  
 </BODY>  
</HTML>