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

表格增加

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

以下为详细代码

<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把图片垂直居中于div中心(2); 通过XMLHTTP检查网站能否打开; 全站托管解决方案; 网站改进中; 常见显示器尺寸与分辨率对照; asp获得系统Unix时间戳与将Unix时间戳转为正常日期; 短信邮件; ASP常用内置函数(下)

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

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

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

更多>>随机抽取信息: asp之自动闭合UBB标签函数; 蒸汽消音器; 非常酷的时钟，图片制作精美,还有日期显示; 微信公众号回复语音消息或用客服接口推送语音消息; 用户注册时的密码强度提示; div默认高度根据内容自动适应高度

更多标签热门标签

列表网站地图绿色表格对象加密 getElementById 指向 list 游戏 link 收藏 web ajax 留言提示 tab 二级 onblur FTP 列操作 ico float 保留 pr 物理代码 css id 柱状图 div CSS 左右全 input js div 原则密码 confirm 成功绝对兼容生成器 submit 文字垂直居中杈规 右击 ie7 定律路径 JS效果 maryabbsby