教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 使用jQuery解决IE与FireFox下createElement方法的差异

使用jQuery解决IE与FireFox下createElement方法的差异

发布时间:2014-05-07   编辑:jiaochengji.com
使用jQuery解决IE与FireFox下createElement方法的差异。需要的朋友可以过来参考下,希望对大家有所帮助

当我们需要动态生成DOM对象的时候,会使用createElement的方法创建。但是在IE和Firefox下,createElement方法是有差异的。

在 IE 中,可以使用以下两种方式来创建一个元素:

1、document.createElement('table')

2、document.createElement('<table border="0">')

而在 Firefox 只支持:

document.createElement('table')

同时,如果添加属性和事件的话,需要使用setAttribute方法

示例:

复制代码 代码如下:

if($.browser.msie){
  var rowHtml = '<span class="ellipsis" onclick="';
  rowHtml += '_showNotice(/'';
  rowHtml += id
  rowHtml += '/',/'';
  rowHtml += titlePre;
  rowHtml += '/')"';
  rowHtml += ">";
  rowHtml += "</span>";

  row = $(document.createElement(rowHtml)).text(data.Title);
 }else if($.browser.mozilla){
  var el = document.createElement("span");
  el.setAttribute("onclick","_showNotice(/'" + id + "/',/'" + titlePre +"/')");

  row = $(el).text(data.Title);
 }else if($.browser.safari){

 }else if($.browser.opera){

 }else{

 }

您可能感兴趣的文章:
使用jQuery解决IE与FireFox下createElement方法的差异
JavaScript在IE和Firefox中兼容性问题总结
JS IE与Firefox兼容性问题集锦
IE不支持getElementsById的解决方法
JQuery AJAX提交中文乱码的解决方案
jquery的$(document).ready()与onload的加载顺序分析
jquery加载完iframe的内容后才进行下一步操作的实现方法
jquery获取样式中background-color颜色值
jquery $(document).ready() 与window.onload的区别
如何解决iframe中onload事件不响应的问题

关键词: createElement  jQuery   
[关闭]
~ ~