<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>動態(tài)創(chuàng)建表格</title>
<script type="text/javascript" src="Scripts/jquery-1.3.2.js"></script>
<script type="text/javascript">
 function CreateTable(rowCount,cellCount)
 { 
   var table=$("<table border=\"1\">");
   table.appendTo($("#createtable"));
   for(var i=0;i<rowCount;i++)
   {
    var tr=$("<tr></tr>");
    tr.appendTo(table);
    for(var j=0;j<cellCount;j++)
    {
      var td=$("<td>"+i*j+"</td>");
      td.appendTo(tr);
    }
   }
   trend.appendTo(table);
   $("#createtable").append("</table>");
 }
</script>
</head>
 
<body>
<input type="button" value="添加表格" onClick="CreateTable(5,6)" >
<input type="button" value="添加行">
<div id="createtable"></div>
<div id="createrow"></div>
</body>
</html>

感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！

您可能感興趣的文章:

相關(guān)文章

淺析onsubmit校驗(yàn)表單時(shí)利用ajax的return false無效問題
前幾天，在校驗(yàn)一個(gè)表單數(shù)據(jù)用到ajax時(shí)，遇到 return false 無效問題,以下就是對這個(gè)問題進(jìn)行了分析介紹，需要的朋友可以參考下
2013-07-07
jQuery使用ajax方法解析返回的json數(shù)據(jù)功能示例
這篇文章主要介紹了jQuery使用ajax方法解析返回的json數(shù)據(jù)功能,結(jié)合實(shí)例形式分析了jQuery ajax操作流程及json數(shù)據(jù)處理技巧,需要的朋友可以參考下
2017-01-01
jquery模擬SELECT下拉框取值效果
說到模擬SELECT框，想必大家第一想到的就是使用javascript吧，其實(shí)是jquery也是可以做到的，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下
2013-10-10
jQuery限制圖片大小的方法
這篇文章主要介紹了jQuery限制圖片大小的方法,對比分析了常見的jQuery限制圖片操作方法及改進(jìn)方法,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2016-05-05
jQuery中借助deferred來請求及判斷AJAX加載的實(shí)例講解
deferred對象的延遲功能對jQuery的ajax操作是一個(gè)很大的幫助,尤其是回調(diào)控制,下面我們就來看一下對jQuery中借助deferred來請求及判斷AJAX加載的實(shí)例講解
2016-05-05
jQuery彈出框代碼封裝DialogHelper
這篇文章主要介紹了jQuery彈出框代碼封裝DialogHelper的方法,需要的朋友可以參考下
2015-01-01
瀏覽器打開層自動緩慢展開收縮實(shí)例代碼
本文為大家介紹下層自動緩慢展開收縮在瀏覽器打開時(shí)是如何實(shí)現(xiàn)的，主要用到了slideUp及slideDown等主要jquery方法，感興趣的朋友可以參考下哈，希望對大家有所幫助
2013-07-07
jQuery中outerHeight()方法用法實(shí)例
這篇文章主要介紹了jQuery中outerHeight()方法用法,實(shí)例分析了outerHeight()方法的功能、定義及獲取第一個(gè)匹配元素外部高度的使用技巧,需要的朋友可以參考下
2015-01-01
jQuery模板技術(shù)和數(shù)據(jù)綁定實(shí)現(xiàn)代碼
如果你用過ASP.NET的數(shù)據(jù)綁定控件，也用過ASP或者JSP里那種通過輸出HTML元素在頁面上顯示數(shù)據(jù)的方法，你就知道ASP.NET數(shù)據(jù)綁定控件有多么方便。如果能夠?qū)⑼瑯拥墓δ茉跒g覽器端用HTML和JavaScript實(shí)現(xiàn)，那該是多少美妙的事情。
2010-05-05
easyui Draggable組件實(shí)現(xiàn)拖動效果
Draggable是easyui中用于實(shí)現(xiàn)拖拽功能的一個(gè)插件。利用它，我們可以實(shí)現(xiàn)控件的拖拽效果。Draggble覆蓋默認(rèn)值$.fn.draggable.defaults。
2015-08-08