`
zhujinguo
  • 浏览: 131041 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

js动态创建html(ie/mozilla)

阅读更多
因为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); 
分享到:
评论

相关推荐

    js日期控件 支持IE、firefox、chrome

    日期控件就是利用JavaScript实现的一种动态显示和选择日期的组件。它通常通过添加事件监听、DOM操作和自定义样式来创建。 标题中的"支持IE、firefox、chrome"表明这个日期控件特别强调了对这三个浏览器的兼容性。IE...

    js 日历 支持ie FF

    针对"支持FF",这里的FF指的是Mozilla Firefox浏览器,它与IE有不同的内核和JavaScript引擎实现,因此有些JavaScript代码可能在IE下运行正常而在Firefox下出现问题,反之亦然。为了确保兼容性,我们需要使用跨浏览器...

    js复制链接支持IE,火狐

    标题中的“js复制链接支持IE,火狐”指的是在JavaScript编程中实现文本链接的复制功能,并确保这个功能在两种主流浏览器——Internet Explorer(IE)和Mozilla Firefox(火狐)上都能正常工作。在Web开发中,由于不同...

    在线浏览PDF文件、可兼容IE浏览器

    通常,这涉及到使用JavaScript库或插件来动态加载和展示PDF内容。 在提供的压缩包中,有两个文件夹:“PDF在线浏览(PDFJS)”和“PDF在线浏览(PDFObject)”。这两个都是知名的JavaScript库,用于在浏览器中嵌入PDF...

    一个兼容IE、Chrome和Firfox的HTML固定表头例子

    3. `script.js`:这是JavaScript文件,用来增加网页的交互性和动态效果。在这个案例中,可能包含了监听滚动事件(scroll event)的代码,当用户滚动页面时,JavaScript会更新表头的位置,使其始终保持可见。 综合...

    非IE内核HTML显示控件 Thtmlview

    在实际开发中,使用Thtmlview控件可以方便地创建包含动态HTML内容的应用,如帮助文档、在线手册、富文本编辑器等。通过API调用,可以控制HTML的加载、交互、样式设置等功能。例如,可以调用`LoadFromStream`方法加载...

    javascript的IE和Firefox兼容性汇编

    ### JavaScript的IE与Firefox兼容性解决方案 #### 一、`document.form.item` 问题 ...- **解决方法**:在需要更改输入类型时,可以考虑使用 JavaScript 动态创建新的元素,并将其插入到 DOM 中相应的位置。

    HTML、JS、CSS、Template.doc

    - **浏览器兼容性**:不同的浏览器对CSS的支持程度不同,例如IE和Mozilla Firefox可能支持的CSS特性有差异,开发者需注意这些差异以确保跨浏览器的一致性。 #### JavaScript(JS)——网页交互的关键 JavaScript是...

    js动态添加事件.txt

    然而,在某些场景下,比如根据用户的操作动态生成DOM节点或更改DOM结构时,就需要使用JavaScript动态地为元素添加事件监听器。这种方式更加灵活且易于管理。 #### 二、基本概念与原理 ##### 1. 动态添加事件的方式...

    Javascript-Mozilla和IE中的一个函数直接量的问题分析

    该问题涉及到JavaScript中的函数直接量以及在Mozilla和Internet Explorer(IE)浏览器中的一些不同行为。 函数直接量是JavaScript中定义函数的一种方式,通常形式为`function name(parameters) { statements }`。在...

    firfox和ie6的js执行效率比较

    标题中的“firfox”应该是“Firefox”,这是一款由Mozilla开发的开源网络浏览器,而“ie6”指的是微软的Internet Explorer 6,这是一个较旧版本的IE浏览器。本话题主要探讨的是JavaScript在Firefox和IE6这两款浏览器...

    IE10浏览器(32&64bit;)

    IE10的JavaScript引擎进行了显著优化,名为“Chakra”,提高了脚本执行速度,使得动态网页应用运行更加流畅。 **5. 改进的安全性:** 为了保护用户隐私和数据安全,IE10引入了“Do Not Track”(DNT,请勿追踪)...

    javascript在IE和Firefox中兼容性问题

    然而,由于历史原因和技术演进的差异,不同浏览器对JavaScript的支持程度和解析方式存在显著区别,尤其是Internet Explorer(IE)与Mozilla Firefox之间。本文将深入探讨在IE和Firefox中常见的JavaScript兼容性问题...

    WebGL for IE 软件

    WebGL允许开发者在网页中创建丰富的、动态的图形体验,为用户带来更生动、更具沉浸感的网页应用。 然而,Internet Explorer(IE)浏览器原生并不支持WebGL,这使得许多依赖这项技术的现代网页应用在IE上无法正常...

    JS tree菜单详解

    `dTree` 是一个免费的JavaScript树型菜单插件,它支持IE5+、NS6+、Opera7+以及Mozilla等浏览器。`dTree` 的主要特点在于其使用简便性和跨浏览器兼容性。 ##### 2. 使用方法 - **引入树**:首先,在HTML文档的`...

    JavaScript实现弹出层的移动 兼容IE和Firefox

    在标题"JavaScript实现弹出层的移动 兼容IE和Firefox"中,我们可以看到主要涉及的是JavaScript动态改变HTML元素位置的技术,并且这个技术已经考虑到了浏览器兼容性问题,包括Internet Explorer(IE)和Mozilla Fire...

    SWFObject: 基于Javascript的Flash媒体版本检测与嵌入模块

    当用户浏览器支持Flash且安装了对应的Flash Player时,SWFObject会使用JavaScript动态创建`&lt;object&gt;`和`&lt;embed&gt;`标签来替换预留的HTML内容,从而嵌入Flash媒体。如果用户的浏览器不支持Flash或未安装相应版本的Flash...

    纯css-loading兼容Safari ,Chrome,Mozilla Firefox,opera,ie10+

    本文将详细探讨如何创建一个兼容多种浏览器的纯CSS加载动画,包括Safari、Chrome、Mozilla Firefox、Opera以及IE10及以上的版本。 首先,我们需要了解CSS的特性。CSS(Cascading Style Sheets)是一种样式表语言,...

Global site tag (gtag.js) - Google Analytics