document.createElement(option); 在firefox下 创建元素不能含有属性以及"<>"
<script type="text/javascript">
var oTR = new Array();
var index = 0;
var id=0;
function add(){
id = id+1;
oTR[index] = document.createElement("tr");
//firefox写法
var oTD = document.createElement("td");
//IE写法
//var oTD = document.createElement("<td type=\"text\">")
//兼容写法
oTD.innerHTML="<input type=\"text\" value="+id+">";
oTR[index].appendChild(oTD);
document.getElementById("mybody").appendChild(oTR[index]);
}
</script>
<body>
<table border="1" width="30%">
<caption>动态添加行</caption>
<tbody id="mybody">
<tr>
<td>第一行</td>
</tr>
<tr>
<td>第二行</td>
</tr>
<tr>
<td>第三行</td>
</tr>
</tbody>
<tr>
<td><a href="javascript:add()">增加</a></td>
</tr>
</table>
</body>
分享到:
相关推荐
可通过鼠标拖动调整表格单元格宽度效果代码[兼容IE,firefox]! 可通过鼠标拖动调整表格单元格宽度效果代码[兼容IE,firefox]!
超好用的js操作Excel实现数据导入导出JS包。只需引入JS包即可完成功能开发。压缩包中有Demo,参照编写即可。
在web中模拟窗口表格控件,可以用鼠标拖动改变表格列宽,兼容Firefox 3.5和IE6浏览器。
网页嵌入视频播放,HTML5 video,网上的版本都不兼容IE低版本,这个经过修改,修复IE6-IE8报参数错误导致无法加载播放的问题,同时兼容火狐播放MP4视频。
可通过鼠标拖动调整表格单元格宽度效果代码[兼容IE,firefox].zip 可通过鼠标拖动调整表格单元格宽度效果代码[兼容IE,firefox].zip 可通过鼠标拖动调整表格单元格宽度效果代码[兼容IE,firefox].zip
jQuery控件简易日历表格代码兼容firefox、chrome、ie.zip
javascript小组件 原生table排序表格脚本 兼容ie firefox opera chrome,需要的朋友可以参考下
o.p_p_c_gw=function(index)/*取得o.parentNode.parentNode.cells的宽度,兼容IE6和Firefox*/{ if(window.ActiveXObject){ return o.parentNode.parentNode.cells[o.parentNode.cellIndex+index].offsetWidth; }...
table拖动(兼容Firefox 3.5/IE6),固定表格宽度 table拖动(兼容Firefox 3.5/IE6),固定表格宽度 序号 公司名称 订单客户 部门 业务员 交款方式 1 软件开发网 jb51.net 广告部 王天一 现金 ...
通过table的用来锁定表头,内置封装的JS控制锁定列,在页面中直接调用JS方法设定。
本文档中集中了我在网页制作中经常遇到的兼容性问题,望大家可以参考。
项目开发中需要用到一个拖动交换表格的功能,上网搜到雅虎的一...就自己综合网上资源写了一个可兼容IE,firefox,Chrome,Safari和Opera等主流浏览器的纯JS动态拖动表格实现行列内容交换。主要代码就不到400行JS而已。
demeter 兼容IE6的前端框架 Demeter 注意:文档正在编写中,尚未完成 轻量级的、兼容IE6/7/8、响应式CSS集合 特性 响应设计的栅格系统 ...Firefox, Chrome, Safari最新发行版 iOS 6.x, 7.x Android 4.x License MIT
兼容主流浏览器: 支持IE6和IE6+, Firefox, chrome, Opera, Safari 接口简洁: 在普通表格的基础上增加父子关系的自定义标签就可以 组件性能高: 内部实现了只绑定了table的事件、使用了css sprite合并图片等 提供...
[code]<html> <head> <style> <!-- #table { width:701px!important; width:700px; border-top:1px #000 solid; } #table ul { margin:0px; padding:0px; width:701px!... border
1.动态创建表格 2.兼容IE和FireFox 3.具有间隔色 4.具有鼠标进过高亮显示功能 5.具有编辑和删除功能,每行附带有编辑和删除按钮 6.具有全选,全清和反选功能
excellentexport 把表格的内容生成excel。兼容 Firefox, Chrome, IE6