兼容IE和火狐的给表格添加行的JS代码
2011-07-27 17:32
295 查看
HTML代码
<table border="1" cellpadding="0" cellspacing="0" width="800" id="tables">
<tr><td>参数名</td><td>参数值<input type="button" value="添加一行" onclick="addonerow()" /></td></tr>
<tr id="parameters"><td><input type="text" value="" id="parametername" name="parametername" /></td><td><input type="text" value="" id="parametervalue" name="parametervalue" /></td></tr>
</table>
JS代码
function addonerow(){
var mytable=document.getElementById("tables");
var myrow=document.getElementById("parameters");
if(navigator.userAgent.indexOf("Firefox") != - 1)
{
mytable.tBodies[0].appendChild(myrow.cloneNode(true));
}else{
mytable.tBodies[0].insertBefore(myrow.cloneNode(true));
}
}
<table border="1" cellpadding="0" cellspacing="0" width="800" id="tables">
<tr><td>参数名</td><td>参数值<input type="button" value="添加一行" onclick="addonerow()" /></td></tr>
<tr id="parameters"><td><input type="text" value="" id="parametername" name="parametername" /></td><td><input type="text" value="" id="parametervalue" name="parametervalue" /></td></tr>
</table>
JS代码
function addonerow(){
var mytable=document.getElementById("tables");
var myrow=document.getElementById("parameters");
if(navigator.userAgent.indexOf("Firefox") != - 1)
{
mytable.tBodies[0].appendChild(myrow.cloneNode(true));
}else{
mytable.tBodies[0].insertBefore(myrow.cloneNode(true));
}
}
相关文章推荐
- JS向上下左右不间断无缝滚动图片代码(兼容IE火狐)
- javascript表格操作大全:表格排序/倒序、动态添加列、批量删除、删除一行、隔行变色、鼠标悬浮切换背景色、全选/反选。(IE、火狐都兼容)
- 兼容ie和火狐firefox的js调用flash播放器代码特效
- js无缝图片滚动代码,利用强大的JQUERY,兼容IE、火狐等主流浏览器
- js控制在不同表格中切换,兼容IE与火狐
- 兼容ie和火狐firefox的js调用flash播放器代码特效
- JS复制内容到剪切板的实例代码(兼容IE与火狐)
- IE与火狐 兼容的JS设为首页、添加到收藏夹
- javascript表格操作大全:表格排序/倒序、动态添加列、批量删除、删除一行、隔行变色、鼠标悬浮切换背景色、全选/反选。(IE、火狐都兼容)
- 兼容ie和火狐firefox的js调用flash播放器代码特效
- 不间断图片滚动js代码.真正兼容火狐ie
- 兼容ie和火狐firefox的js调用flash播放器代码特效
- 兼容ie和火狐的js无缝八向滚动特效代码
- 几种兼容IE和火狐 图片预览的JS代码
- 添加到收藏夹的js代码(兼容IE,Firefox)
- 几种兼容IE和火狐 图片预览的JS代码
- 设为首页JS,加入收藏夹js,加入收藏夹代码,设为首页代码,火狐和ie兼容
- js 图片链接滚动代码 兼容火狐和ie
- js动态添加删除行,兼容ie和火狐
- JS复制内容到剪切板的实例代码(兼容IE与火狐)