`

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

    博客分类:
  • HTML
阅读更多
<!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>  
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics