jsday07(页面通过按钮打开其他页面 创建删除表格行列)
来源:互联网 发布:isight9.0软件下载 编辑:程序博客网 时间:2024/06/09 04:13
<title>无标题文档</title><script type="text/javascript">function opendemo(page){ window.open(page,"_blank","");}</script><style type="text/css">table ,table th{ border:#00F 1px solid; width:600px;}table th { padding:10px; }</style></head><body><table> <tr> <th> <input type="button" value="演示展开闭合效果" onclick="opendemo('js-1.html')" /> </th> <th> <input type="button" value="" onclick="opendemo()" /> </th> <th> <input type="button" value="" onclick="opendemo()" /> </th> </tr> <tr> <th> <input type="button" value="" onclick="opendemo()" /> </th> <th> <input type="button" value="" onclick="opendemo()" /> </th> <th> <input type="button" value="" onclick="opendemo()" /> </th> </tr> <tr> <th> <input type="button" value="" onclick="opendemo()" /> </th> <th> <input type="button" value="" onclick="opendemo()" /> </th> <th> <input type="button" value="" onclick="opendemo()" /> </th> </tr></table></body>
之前并没有直接删除列的方法 要通过删除每一行中的元素(单元格)cell来完成
<script type="text/javascript" src="doctool.js"> </script><link rel="stylesheet" href="css-05.css" /><script type="text/javascript">function creatTab(){ var tabNode= doc.createElement("table"); var tbdNode = doc.createElement("tboday"); //alert(tbdNode.nodeName); var trNode= doc.createElement("tr"); var tdNode = doc.createElement("td"); var textNode = doc.createElement("单元格一"); tdNode.appendChild(textNode); trNode.appendChild(tdNode); tbdNode.appendChild(trNode); tabNode.appendChild(tbdNode); byTag("div")[0].appendChild(tabNode);}function createTab2(){ var tabNode= doc.createElement("table"); //tabNode.id="tabid"; tabNode.setAttribute("id","tabid"); var row = byName("rownum")[0].value; var col = byName("colnum")[0].value; for(var x = 1; x<=row;x++) { var trNode = tabNode.insertRow(); for (var y= 1;y<=col;y++) { var tdNode = trNode.insertCell(); tdNode.innerHTML=x+"..."+y; } } //alert(tdNode.nodeName); //tdNode.innerHTML="单元格一".fontcolor("red");//表示添加的是html文本 用text标签不会被解析 //tdNode.innerHTML="<input type='button' value='hehe'/>"; byTag("div")[0].appendChild(tabNode); event.srcElement.disabled=true; }function delrow(){ var tabNode=byId("tabid"); if(tabNode==null) { alert("表格不存在"); return; } var rownum = byName("delrow")[0].value; if(rownum>0 &&rownum<=tabNode.rows.length) tabNode.deleteRow(rownum-1); else { alert("删除的行不存在"); }}function delcol(){ var tabNode=byId("tabid"); if(tabNode==null) { alert("表格不存在"); return; } var colnum = byName("delcol")[0].value; if(colnum>0 &&colnum<=tabNode.rows[0].cells.length) { for(var x=0;x<tabNode.rows.length;x++) { tabNode.rows[x].deleteCell(colnum-1); } } else { alert("删除的列不存在"); }}</script></head><body><!--通过页面的按钮可以动态的创建一个表格 --> 行<input type="text" name="rownum" /><br/> 列<input type="text" name="colnum" /><br /> <input type="button" value="创建表格" onclick="creatTab()" /><br/> <input type="text" name="delrow" /> <input type="button" value="删除行" onclick="delrow()" /> <br/> <input type="text" name="delcol" /> <input type="button" value="删除列" onclick="delcol()"/> <br/> <input type="button" value="创建表格2" onclick="createTab2()" /> <div> </div></body>
doctool
// JavaScript Documentvar doc = document;function byId(id){ return doc.getElementById(id);}function byTag(tag){ return doc.getElementsByTagName(tag);}function byName(name){ return doc.getElementsByName(name);}
阅读全文
0 0
- jsday07(页面通过按钮打开其他页面 创建删除表格行列)
- JSP通过按钮打开另外一个页面
- jsp中通过按钮跳转到其他页面
- open方法打开其他页面
- Javascript 动态创建表格(还能删除行列)
- (9)动态创建表格、动态删除行列
- 打开其他应用的指定页面
- webView点击打开其他的页面iOS
- 动态表格,通过点击按钮增加或者删除一行表格!
- Flex通过struts跳转到其他页面
- ADF页面中按钮实现新窗口打开
- firefox 阻止此页面创建其他对话框
- netbeans中如何通过按钮跳转页面
- 求救如何通过按钮本页面排序
- 页面通过IE后退按钮,使页面缓存失效
- 页面表格
- 通过网页来打开app指定页面
- 通过Intent打开相关的设置页面
- [Nodejs] Debug-Chrome Dev Tools
- CentOS7安装docker运行kali linux镜像
- python多进程,使用用微软RENET模型的视频人脸识别程序
- 安卓混合开发——原生Java和H5交互,保证你一看就懂!
- 北大方正暗偷明抢,事实何在?
- jsday07(页面通过按钮打开其他页面 创建删除表格行列)
- mysql主从只同步部分库或表
- Docker镜像
- java代理 动态代理 cglib aop、aspectj 、android aop [记录][U01]
- Java Map 按key排序和按Value排序
- 一起Talk Android吧(第四十回:Android中的Fragment 五--stack)
- 线性代数笔记-9 线性相关性、基和维数
- 线性代数笔记-10 四个基本子空间
- 使用异步访问网络