因为ie的兼容性问题(table节点下没法添加tr节点),原表格必须在table节点下有tbody节点,所有的tr节点都是在tbody节点之下。
var table = document.getElementById('affixtable');
var name = '删除';
var tbody = document.createElement("Tbody");
var tr = document.createElement("tr");
tr.setAttribute('id',id);
var td = document.createElement("td");
td.setAttribute('colspan',3);
var img = document.createElement("img");
img.setAttribute('src','images/accessories.gif');
var span = document.createElement("span");
span.setAttribute('innerText',id);
var a = document.createElement("a");
a.setAttribute('href','javascript:del('+id+');');
a.setAttribute('innerText',name);
td.appendChild(img);
td.appendChild(span);
td.appendChild(a);
tr.appendChild(td);
tbody.appendChild(tr);
table.appendChild(tbody);
两种方式:直接给对象添加事件,节点添加事件
例如给一个id为tab1的添加onclick事件
第一种情况:
var t = document.getElementById("tab1");
t.onclick = function tst(){
alert('');
}
第二种情况 这种情况更加动态,更为实用,而且还能添加多个函数(添加的事件的顺序即执行顺序)
var tb = document.getElementById("tab1");
if(window.addEventListener){ // Mozilla, Netscape, Firefox
td_value.addEventListener('click', alert('11'), false);
td_value.addEventListener('click', alert('12'), false);
} else { // IE
td_value.attachEvent('onclick', function(){alert('21');});
td_value.attachEvent('onclick', function(){alert('2'2);});
}
快速动态添加:
var defhtml = '<a id="newName" class="lightbox" href="'+url+'" title="凭证">'+name+'</a>';
$("#fileName").html(defhtml);
分享到:
相关推荐
日期控件就是利用JavaScript实现的一种动态显示和选择日期的组件。它通常通过添加事件监听、DOM操作和自定义样式来创建。 标题中的"支持IE、firefox、chrome"表明这个日期控件特别强调了对这三个浏览器的兼容性。IE...
针对"支持FF",这里的FF指的是Mozilla Firefox浏览器,它与IE有不同的内核和JavaScript引擎实现,因此有些JavaScript代码可能在IE下运行正常而在Firefox下出现问题,反之亦然。为了确保兼容性,我们需要使用跨浏览器...
标题中的“js复制链接支持IE,火狐”指的是在JavaScript编程中实现文本链接的复制功能,并确保这个功能在两种主流浏览器——Internet Explorer(IE)和Mozilla Firefox(火狐)上都能正常工作。在Web开发中,由于不同...
通常,这涉及到使用JavaScript库或插件来动态加载和展示PDF内容。 在提供的压缩包中,有两个文件夹:“PDF在线浏览(PDFJS)”和“PDF在线浏览(PDFObject)”。这两个都是知名的JavaScript库,用于在浏览器中嵌入PDF...
3. `script.js`:这是JavaScript文件,用来增加网页的交互性和动态效果。在这个案例中,可能包含了监听滚动事件(scroll event)的代码,当用户滚动页面时,JavaScript会更新表头的位置,使其始终保持可见。 综合...
在实际开发中,使用Thtmlview控件可以方便地创建包含动态HTML内容的应用,如帮助文档、在线手册、富文本编辑器等。通过API调用,可以控制HTML的加载、交互、样式设置等功能。例如,可以调用`LoadFromStream`方法加载...
### JavaScript的IE与Firefox兼容性解决方案 #### 一、`document.form.item` 问题 ...- **解决方法**:在需要更改输入类型时,可以考虑使用 JavaScript 动态创建新的元素,并将其插入到 DOM 中相应的位置。
- **浏览器兼容性**:不同的浏览器对CSS的支持程度不同,例如IE和Mozilla Firefox可能支持的CSS特性有差异,开发者需注意这些差异以确保跨浏览器的一致性。 #### JavaScript(JS)——网页交互的关键 JavaScript是...
然而,在某些场景下,比如根据用户的操作动态生成DOM节点或更改DOM结构时,就需要使用JavaScript动态地为元素添加事件监听器。这种方式更加灵活且易于管理。 #### 二、基本概念与原理 ##### 1. 动态添加事件的方式...
该问题涉及到JavaScript中的函数直接量以及在Mozilla和Internet Explorer(IE)浏览器中的一些不同行为。 函数直接量是JavaScript中定义函数的一种方式,通常形式为`function name(parameters) { statements }`。在...
标题中的“firfox”应该是“Firefox”,这是一款由Mozilla开发的开源网络浏览器,而“ie6”指的是微软的Internet Explorer 6,这是一个较旧版本的IE浏览器。本话题主要探讨的是JavaScript在Firefox和IE6这两款浏览器...
IE10的JavaScript引擎进行了显著优化,名为“Chakra”,提高了脚本执行速度,使得动态网页应用运行更加流畅。 **5. 改进的安全性:** 为了保护用户隐私和数据安全,IE10引入了“Do Not Track”(DNT,请勿追踪)...
然而,由于历史原因和技术演进的差异,不同浏览器对JavaScript的支持程度和解析方式存在显著区别,尤其是Internet Explorer(IE)与Mozilla Firefox之间。本文将深入探讨在IE和Firefox中常见的JavaScript兼容性问题...
WebGL允许开发者在网页中创建丰富的、动态的图形体验,为用户带来更生动、更具沉浸感的网页应用。 然而,Internet Explorer(IE)浏览器原生并不支持WebGL,这使得许多依赖这项技术的现代网页应用在IE上无法正常...
`dTree` 是一个免费的JavaScript树型菜单插件,它支持IE5+、NS6+、Opera7+以及Mozilla等浏览器。`dTree` 的主要特点在于其使用简便性和跨浏览器兼容性。 ##### 2. 使用方法 - **引入树**:首先,在HTML文档的`...
在标题"JavaScript实现弹出层的移动 兼容IE和Firefox"中,我们可以看到主要涉及的是JavaScript动态改变HTML元素位置的技术,并且这个技术已经考虑到了浏览器兼容性问题,包括Internet Explorer(IE)和Mozilla Fire...
当用户浏览器支持Flash且安装了对应的Flash Player时,SWFObject会使用JavaScript动态创建`<object>`和`<embed>`标签来替换预留的HTML内容,从而嵌入Flash媒体。如果用户的浏览器不支持Flash或未安装相应版本的Flash...
本文将详细探讨如何创建一个兼容多种浏览器的纯CSS加载动画,包括Safari、Chrome、Mozilla Firefox、Opera以及IE10及以上的版本。 首先,我们需要了解CSS的特性。CSS(Cascading Style Sheets)是一种样式表语言,...