使用JS动态添加和减少指定行
完整代码
以下代码经过Firefox 测试通过
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0">
<tbody id="tbody">
<tr>
<td><input type="text" name="text1" /></td>
<td><input type="text" name="text2" /></td>
<td><select name="select">
<option>item1</option>
<option>item2</option>
<option>item3</option>
<option>item4</option>
<option>item5</option>
</select></td>
<td><input type="button" value="Remove" onclick="removeRow(this.parentNode.parentNode)"></td>
</tr></tbody>
</table>
<input name="button" type="button" value="Add row" onclick="addRow()">
<script>
function addRow()
{
var root = document.getElementById("tbody");
var allRows = root.getElementsByTagName('tr');
var cRow = allRows[0].cloneNode(true)
root.appendChild(cRow);
}
function removeRow(r)
{
var root = r.parentNode;
var allRows = root.getElementsByTagName('tr')
if(allRows.length>1)
root.removeChild(r);
else
alert("only one row left, you not need to remove it.");
}
</script>
</body>
</html>
分享到:
相关推荐
Firefox 29 - 完整包,下载后直接就能用,新手或懒得折腾的直接下载这个就行了 全新的重要自定义模式可轻松个性化您的Web体验,以访问您最常用的功能 Firefox的右上角有一个易于访问的新菜单,其中包含流行的...
firefox52.0.2最新渗透便携版,打开解压就可以使用,包含了几乎所有的渗透测试插件 Firefox是一一个出自Mozilla组织的流行的Web浏览器。Firefox的流行并不仅仅是因为它是一-个好的浏览器,而且它能够支持插件进而...
Firefox火狐渗透测试版本(解压密码123).7z
用js实现的动态添加一行 支持firefox IE 学习ajax的基础练习
两种方式:直接给对象添加事件,节点添加事件 例如给一个id为tab1的添加onclick事件 第一种情况: 代码如下: var t = document.getElementById(“tab1”); t.onclick = function tst(){ alert(”); } 第二种...
当你突然想要为火狐浏览器添加广告拦截扩展时,在线手动为火狐浏览器安装AdGuard或adblock_plus扩展你可能会出现这样一个问题,在国内因为各种原因,打不开了。当用户尝试访问时会提示此页面在您的地区不可用 , 返回...
Firefox 火狐浏览器 完整 安装包
这个软件包括了火狐...包括如下版本:Mozilla Firefox 2.0.0.20Mozilla Firefox 3.0.19.0Mozilla Firefox 3.5.19.0Mozilla Firefox 3.6.18.0Mozilla Firefox 4.0.1.0Mozilla Firefox 5.0.0.0Mozilla Firefox 6.0.0.0
js Firefox 加入收藏夹功能代码 兼容Firefox 和 IE.docx
所有浏览器通用的js添加收藏夹代码支持火狐
firefox浏览器驱动+selenium,firefox浏览器驱动+selenium,使用firefox浏览器自动化测试
ajax初始化代码,ie8和Firefox 3.6测试通过
Javascript的IE和Firefox(火狐)兼容性解决方案
重装firefox、配置yum依赖库(2016.4.8测试有效) 环境:Redhat-server-5.4-i386 一、删除firefox #rpm –e –nodeps firefox 二、配置yum 1、下载配置文件 http://mirrors.163.com/.help/CentOS6-Base-163.repo ...
NULL 博文链接:https://jonc.iteye.com/blog/440850
火狐浏览器(Mozilla Firefox)是一个自由的,开放源码的浏览器,适用于 Windows, Linux 和 MacOS X平台。火狐浏览器体积小速度快,还有其它一些高级特征。火狐浏览器(Mozilla Firefox)主要特性有:标签式浏览,使上网...
Mozilla Firefox,中文俗称“火狐”(正式缩写为Fx或fx,非正式缩写为MF),是一个自由及开放源代码的网页浏览器,使用Gecko排版引擎,支持多种操作系统,如Windows、Mac OS X及GNU/Linux等。该浏览器提供了两种版本...
Firefox填写表单扩展 安装方法很简单,直接拖拽到火狐浏览器窗口中然后根据提示操作即可。 随时关注最新版: http://code.google.com/p/ffextension/downloads 火狐官方下载地址: ...
JavaScript在IE和Firefox(火狐)的不兼容问题解决
github 上目前最大的swift 开源完整产品项目,由国际知名浏览器厂商Firefox 发起,Mozilla基金会支持,如果你有兴趣不妨为这个开源的浏览器贡献一点代码,也可以你自己学习用,利用涉及到各种相关iOS的技术,以及...