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

表格增加

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

以下为详细代码

<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>

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

后一页:表格斜线

相关阅读: 利用CSS的position定位属性定义一个顶部飘动的柳叶效果非常酷; 微信小程序直播组件live-player-plugin（wx2b03c6e691cd7370）; ASP汉字转拼音，支持自定义特殊词语; 深山工作室; 一个利用纯java做的非常漂亮的页面背景花瓣效果; 微信公众号回复图片消息或用客服接口推送图片消息; 判断用户注册密码强度的JS代码; ul,li设置新闻列表,超出范围对象,自动隐藏

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; 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下载源让下载库飞起

更多>>随机抽取信息: 网页制作,改变你的思维方; 利ASP里的FOS导出WORD或Excel文档(本人测试成功); 安卓版微信中播放视频不自动全屏; 旅行社手机网站模板8; 纯div+css制作的弹出菜单-02; asp计算页面执行时间显示到毫秒

更多标签热门标签

透明 innerText 天气预报滑轮虚拟浮动对象 time mssql 全选混合 Session 货币 PSD 预览美化缩小脚本许愿墙 FlashFxp 容器爱国统计火狐 shift 舒服百度拼音换行格式化模板 expression IE8 qq right 应用电影工作室规则日历类别 Alpha 管理系统 XMLHTTP RegExp 计算思考函数错误优化下划线垂直