`
myjava01
  • 浏览: 701 次
  • 性别: Icon_minigender_1
  • 来自: 西安
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

DOM 对表格的操作 兼容 火狐和IE

阅读更多
//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>

分享到:
评论

相关推荐

    Firefox和IE兼容参考

    - IE和Firefox对某些DOM操作的处理不同,如`innerHTML`属性,IE可能会忽略某些HTML标签,而Firefox则不会。 - 对于动态创建的元素,IE和Firefox中的`appendChild`、`insertBefore`等方法可能有不同的行为,需谨慎...

    jQuery控件简易日历表格代码兼容firefox、chrome、ie.zip

    标题中的“jQuery控件简易日历表格代码兼容firefox、chrome、ie.zip”指出,这个压缩包提供了一个使用jQuery实现的日历表格插件,该插件能够无缝地在Firefox、Chrome和Internet Explorer(IE)这三大主流浏览器上...

    Javascript在IE和FireFox中的兼容处理

    - IE和Firefox在处理表格元素时可能有不同的行为,例如`innerHTML`赋值。需要针对特定情况处理。 14. **padding简写问题** - Firefox支持`padding: 10px;`,而老版本IE可能需要分别设置`padding-top`, `padding-...

    javascript小组件 原生table排序表格脚本(兼容ie firefox opera chrome)

    本文将详细介绍一个基于JavaScript的小组件,该组件实现了原生HTML `&lt;table&gt;` 的排序功能,兼容IE、Firefox、Opera和Chrome等主流浏览器。这个小组件通过简单的HTML标记和JavaScript脚本实现,使得用户可以通过点击...

    可通过鼠标拖动调整表格单元格宽度效果代码[兼容IE,firefox].zip

    同时,为了确保在IE和Firefox中的兼容性,可能需要使用特定的CSS hack或者使用polyfill来弥补某些浏览器的不兼容性。 在132677925148264207.js文件中,很可能是实现了上述功能的JavaScript代码。这个文件应该包含了...

    difference between IE and Firefox

    - IE和Firefox对DOM(文档对象模型)的理解和操作方式不同,比如IE的`document.all`与Firefox的`document.getElementsByTagName`。 - 在事件处理上,IE使用attachEvent,Firefox使用addEventListener,需要编写...

    IE和火狐下获取单元格内容的共通方法

    这种方法确保了在IE和Firefox中都能正确获取单元格内容,同时也适用于其他支持DOM操作的浏览器。 总结一下,实现“IE和火狐下获取单元格内容的共通方法”主要涉及到以下几点: 1. 使用兼容性良好的DOM选择器,如`...

    万年历-支持IE6.0版本以上、Firefox

    标题中的“万年历-支持IE6.0版本以上、Firefox”表明这是一个专门设计用于兼容老版本Internet Explorer(至少6.0及以上)和Firefox浏览器的万年历应用。万年历通常是一个网页组件,用于显示日历信息,包括日期、星期...

    javascript动态操作表格

    总的来说,JavaScript动态操作表格涉及创建、删除、选择和更新表格元素,这些都需要对DOM有深入理解。在实际应用中,还要考虑浏览器兼容性,特别是对于较旧的浏览器,如IE6和早期的Firefox版本。通过合理使用...

    JS读取XML文件数据并以table形式显示数据的方法(兼容IE与火狐) .zip

    这个任务涉及到DOM解析、事件处理以及跨浏览器兼容性,尤其是考虑到像IE和Firefox这样的不同浏览器可能有不同的实现方式。下面我们将详细探讨如何实现这个功能。 首先,我们需要了解XML(Extensible Markup ...

    javascript实现动态增加删除表格行(兼容IE FF).docx

    本文将详细介绍如何使用JavaScript来实现在Web页面上动态增加和删除表格行的功能,并确保该功能在Internet Explorer (IE) 和 Firefox (FF) 等浏览器中能够正常运行。此技术对于构建具有高度交互性和响应性的用户界面...

    kindeditor 可兼容IE11

    - **浏览器兼容**:KindEditor不仅支持IE11,还兼容现代的Chrome、Firefox、Safari、Edge等主流浏览器,确保在各种环境下都能稳定运行。 - **操作系统兼容**:能在Windows、Linux和Mac OS等不同操作系统上正常工作...

    JS + XML 联动菜单 支持IE、FireFox

    标题 "JS + XML 联动菜单 支持IE、FireFox" 描述了一种使用JavaScript(JS)和XML技术实现的跨浏览器联动菜单。这种菜单通常在网页中用于下拉选择,例如省市县的选择,其中一项的选择会动态更新下一级菜单的内容。...

    JAVASCRIPT兼容性(一个文档和一本国外书)

    JavaScript兼容性是Web开发中的一个重要话题,特别是在处理不同的浏览器,如Firefox和Internet Explorer时。由于JavaScript引擎在不同浏览器上的实现存在差异,开发者需要理解和解决这些兼容性问题,以确保他们的...

    兼容IE和FF的网页js日历

    在Web开发中,由于IE和Firefox对某些CSS样式和JavaScript特性支持的差异,实现跨浏览器兼容性是一项常见的挑战。这个日历插件通过适配不同浏览器的特点,确保了在两种浏览器上的表现一致,为用户提供了良好的体验。 ...

    javascript日历兼容火狐

    在JavaScript中,创建一个兼容不同浏览器的日历,特别是针对火狐(Firefox)这样的非主流浏览器进行优化,是一项重要的任务。本文将深入探讨如何使用JavaScript构建一个跨浏览器的日历,并重点讲解在火狐上的兼容性...

    163网易编辑器(兼容FF,IE6,IE7,IE8)

    编辑器的设计目标是提供一个友好、高效的文字录入与排版环境,使得用户无论在Firefox(FF)、Internet Explorer 6(IE6)、Internet Explorer 7(IE7)还是Internet Explorer 8(IE8)等不同浏览器下都能获得一致的...

    让IE8和遨游兼容eWebEditor编辑器

    总之,确保eWebEditor编辑器在IE8和遨游等浏览器上的兼容性,不仅需要对JavaScript和DOM有深入的理解,还需要关注浏览器的发展趋势,采取灵活多变的策略,持续优化和测试,以提供稳定、流畅的编辑体验。

    Jquery table固定表头,固定列,全浏览器兼容

    总之,创建一个具有固定表头和列的全浏览器兼容的 jQuery 表格涉及多方面的技术,包括 JavaScript 事件监听、DOM 操作、CSS 定位和兼容性处理。通过合理地组织代码和利用现有的资源,我们可以构建出高性能且用户友好...

Global site tag (gtag.js) - Google Analytics