//valueTable 中插入列
function addRow()
{
//设置列内容和属性
var newTr = valueTable.insertRow(-1);
//添加两列
var newTd0 = newTr.insertCell(-1);
var newTd1 = newTr.insertCell(-1);
var newTd2 = newTr.insertCell(-1);
newTd0.align='center';
newTd0.innerHTML = "<input name='userInputName' onChange='checkDot(this);' maxlength='32' type='text' />";
newTd1.align='center';
newTd1.innerHTML="<input name='detectName' onChange='checkDot(this);' maxlength='32' type='text' />";
newTd2.align='center';
newTd2.innerHTML="<a class='edit' href=\"#\" onclick=\"DelTR(this);\">删除</a>";
}
//删除 该列
function DelTR(obj){
if(confirm("是否将表单此属性删除?")){
var seq=obj.parentNode.parentNode.rowIndex;
var oTab = valueTable;
var trLen = oTab.rows.length;
oTab.deleteRow(seq);
}
}
<table id="valueTable" class="myworkingboxttable" cellspacing="1"
cellpadding="0">
<thead>
<th width="50%">
项目名称
</th>
<th width="25%">
值</th>
<th >
操作
</th>
</thead>
<tbody>
</tbody>
</table>
分享到:
相关推荐
- IE和Firefox对某些DOM操作的处理不同,如`innerHTML`属性,IE可能会忽略某些HTML标签,而Firefox则不会。 - 对于动态创建的元素,IE和Firefox中的`appendChild`、`insertBefore`等方法可能有不同的行为,需谨慎...
标题中的“jQuery控件简易日历表格代码兼容firefox、chrome、ie.zip”指出,这个压缩包提供了一个使用jQuery实现的日历表格插件,该插件能够无缝地在Firefox、Chrome和Internet Explorer(IE)这三大主流浏览器上...
- IE和Firefox在处理表格元素时可能有不同的行为,例如`innerHTML`赋值。需要针对特定情况处理。 14. **padding简写问题** - Firefox支持`padding: 10px;`,而老版本IE可能需要分别设置`padding-top`, `padding-...
本文将详细介绍一个基于JavaScript的小组件,该组件实现了原生HTML `<table>` 的排序功能,兼容IE、Firefox、Opera和Chrome等主流浏览器。这个小组件通过简单的HTML标记和JavaScript脚本实现,使得用户可以通过点击...
同时,为了确保在IE和Firefox中的兼容性,可能需要使用特定的CSS hack或者使用polyfill来弥补某些浏览器的不兼容性。 在132677925148264207.js文件中,很可能是实现了上述功能的JavaScript代码。这个文件应该包含了...
- IE和Firefox对DOM(文档对象模型)的理解和操作方式不同,比如IE的`document.all`与Firefox的`document.getElementsByTagName`。 - 在事件处理上,IE使用attachEvent,Firefox使用addEventListener,需要编写...
这种方法确保了在IE和Firefox中都能正确获取单元格内容,同时也适用于其他支持DOM操作的浏览器。 总结一下,实现“IE和火狐下获取单元格内容的共通方法”主要涉及到以下几点: 1. 使用兼容性良好的DOM选择器,如`...
标题中的“万年历-支持IE6.0版本以上、Firefox”表明这是一个专门设计用于兼容老版本Internet Explorer(至少6.0及以上)和Firefox浏览器的万年历应用。万年历通常是一个网页组件,用于显示日历信息,包括日期、星期...
总的来说,JavaScript动态操作表格涉及创建、删除、选择和更新表格元素,这些都需要对DOM有深入理解。在实际应用中,还要考虑浏览器兼容性,特别是对于较旧的浏览器,如IE6和早期的Firefox版本。通过合理使用...
这个任务涉及到DOM解析、事件处理以及跨浏览器兼容性,尤其是考虑到像IE和Firefox这样的不同浏览器可能有不同的实现方式。下面我们将详细探讨如何实现这个功能。 首先,我们需要了解XML(Extensible Markup ...
本文将详细介绍如何使用JavaScript来实现在Web页面上动态增加和删除表格行的功能,并确保该功能在Internet Explorer (IE) 和 Firefox (FF) 等浏览器中能够正常运行。此技术对于构建具有高度交互性和响应性的用户界面...
- **浏览器兼容**:KindEditor不仅支持IE11,还兼容现代的Chrome、Firefox、Safari、Edge等主流浏览器,确保在各种环境下都能稳定运行。 - **操作系统兼容**:能在Windows、Linux和Mac OS等不同操作系统上正常工作...
标题 "JS + XML 联动菜单 支持IE、FireFox" 描述了一种使用JavaScript(JS)和XML技术实现的跨浏览器联动菜单。这种菜单通常在网页中用于下拉选择,例如省市县的选择,其中一项的选择会动态更新下一级菜单的内容。...
JavaScript兼容性是Web开发中的一个重要话题,特别是在处理不同的浏览器,如Firefox和Internet Explorer时。由于JavaScript引擎在不同浏览器上的实现存在差异,开发者需要理解和解决这些兼容性问题,以确保他们的...
在Web开发中,由于IE和Firefox对某些CSS样式和JavaScript特性支持的差异,实现跨浏览器兼容性是一项常见的挑战。这个日历插件通过适配不同浏览器的特点,确保了在两种浏览器上的表现一致,为用户提供了良好的体验。 ...
在JavaScript中,创建一个兼容不同浏览器的日历,特别是针对火狐(Firefox)这样的非主流浏览器进行优化,是一项重要的任务。本文将深入探讨如何使用JavaScript构建一个跨浏览器的日历,并重点讲解在火狐上的兼容性...
编辑器的设计目标是提供一个友好、高效的文字录入与排版环境,使得用户无论在Firefox(FF)、Internet Explorer 6(IE6)、Internet Explorer 7(IE7)还是Internet Explorer 8(IE8)等不同浏览器下都能获得一致的...
总之,确保eWebEditor编辑器在IE8和遨游等浏览器上的兼容性,不仅需要对JavaScript和DOM有深入的理解,还需要关注浏览器的发展趋势,采取灵活多变的策略,持续优化和测试,以提供稳定、流畅的编辑体验。
总之,创建一个具有固定表头和列的全浏览器兼容的 jQuery 表格涉及多方面的技术,包括 JavaScript 事件监听、DOM 操作、CSS 定位和兼容性处理。通过合理地组织代码和利用现有的资源,我们可以构建出高性能且用户友好...