表格增加 -- [表格特效]─ 深山工作室提供网络投票系统|微信公众号投票|微信公众号小程序|抖音小程序|百度小程序|微信公众号开发|企业网站建设

表格增加

网络 2009/5/14 20:53:30 深山行者字体:大中小浏览 6264

以下为详细代码

<table style="width:100%;height:100%;" border="1px" cellpadding="1px" cellspacing="1px">
     <tr height="50%">
         <td>
              <table id="newTbl" style="width:100%;height:100%;" border="1px" cellpadding="1px" cellspacing="1px">
                   <tr id="newTr">
                   </tr>
              </table>
         </td>
     </tr>
     <tr>
         <td>
              <table style="width:100%;height:100%;" border="0" cellpadding="0" cellspacing="0">
                   <tr>
                       <td style="width:200px;" align="center">
                            <input type="button" value="单步insertCell" onclick="tr_insertCell()" />
                            <br /><br />
                            <input type="button" value="单步appendChild" onclick="tr_appendChild()" />
                            <br /><br />
                            <input type="button" value="连续insertCell" onclick="tr_insertCells()" />
                            <br /><br />
                            <input type="button" value="连续appendChild" onclick="tr_appendChilds()" />
                            <br /><br />
                            <input type="button" value="重   置" onclick="reset()" />
                       </td>
                        <td><textarea style="height:100%;width:100%;" id="txtResult"></textarea></td>
                   </tr>
              </table>
         </td>
     </tr>
</table>
 
<script type="text/javascript" language="javascript">
     var i = 1;
     function tr_insertCell()
     {
         var newTr = document.getElementById("newTr");
         var td = newTr.insertCell();
          td.innerText = i++;
         if (i % 3 == 0) td.style.display = "none";
          txtResult.value = newTr.innerHTML;
     }
     function tr_appendChild()
     {
         var newTr = document.getElementById("newTr");
         var td = document.createElement("TD");
          newTr.appendChild(td);
          td.innerText = i++;
         if (i % 3 == 0) td.style.display = "none";
          txtResult.value = newTr.innerHTML;
     }
     function tr_insertCells()
     {
          for(var j = 0; j < 10; j++)
              tr_insertCell();
     }
     function tr_appendChilds()
     {
          for(var j = 0; j < 10; j++)
              tr_appendChild();
     }
     function reset()
     {
         i = 1;
          txtResult.value = "";
         var newTr = document.getElementById("newTr");
         while (newTr.childNodes.length > 0)
              newTr.removeChild(newTr.firstChild);
     }
</script>

前一页:仿淘宝首页商品分类列表效果

后一页:表格斜线

相关阅读: javascript编写的网页版的打字测试程序; 06 iis中Server Application Error问题如何修复; 把以前的做的个人网站程序提供下载,程序大了点,不过全; asp中利用split,instr组合去除二维数组中重复项; 02. 解决只能运行asp页面不能运行数据库错误; 解决国内 github.com 打不开的准确方法; 利用CSS样式美化Button或submit按钮; javascript 根据汉字拼音首字母快速定位下拉列表

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; uni-app; asp函数库; ASP; DIV+CSS; HTML; python

更多>>同类信息: 用javscript实现为表格的每一行自动加上序号; 鼠标放在表格区域内，当前格的一整行和一整列变色; 鼠标经过表格列时变色; javascript表格内移动上下列，可以做成ajax加上动态程序做成上下移动顺序; 利用javascript鼠标经过表格，行与列变色; 针对table,div隔行变色的JS方法

更多>>最新添加文章: 2026 aliyun阿里域名云注册续费优惠口令; dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT; Android移动端自动化测试：使用UIAutomatorViewer与Selenium定位元素; 抖音直播音挂载小雪花懂车帝小程序; javascript获取浏览器指纹可以用来做投票; 火狐Mozilla Firefox出现：无法载入您的Firefox配置文件它可能已经丢失或是无法访问问题解决集合处理办法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路径; python通过代码修改pip下载源让下载库飞起

更多>>随机抽取信息: 张家港国贸旅行社有限公司; CSS中的行为——expression的研究; uni-app基础知识页面事件与web事件的对比; 超级实用且不花哨的js代码大全( 8 ); 延边金桥国际旅行社有限公司; CleanCSS：免费的CSS在线减肥工具

更多标签热门标签

展示建立日期限制 table 留言板 javascript 斜线硬件 flash 透明快捷表达式绝对管用的iis安装包下载展开滑动 cpu 眼睛 ResponseXML Google 邮箱下拉框执行手 imprt 经典 mop 获得 adobe jpg blog 技巧经典的 option 考试屏幕移动菜单自动隐藏刷新滑过层控制时钟加长字节数超出添加柱状深山行者V1.2旅行社网站管理系统 ctrl 日期