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


Posted in Javascript onNovember 14, 2013

当我们需要动态生成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{
 }
Javascript 相关文章推荐
初窥JQuery(一)jquery选择符 必备知识点
Nov 25 Javascript
A标签触发onclick事件而不跳转的多种解决方法
Jun 27 Javascript
Javascript简单实现可拖动的div
Oct 22 Javascript
IE8下jQuery改变png图片透明度时出现的黑边
Aug 30 Javascript
JavaScript和HTML DOM的区别与联系及Javascript和DOM的关系
Nov 15 Javascript
javascript中Date format(js日期格式化)方法小结
Dec 17 Javascript
artDialog+plupload实现多文件上传
Jul 19 Javascript
Bootstrap CSS布局之表单
Dec 17 Javascript
实例分析js事件循环机制
Dec 13 Javascript
vue删除html内容的标签样式实例
Sep 13 Javascript
微信小程序 scroll-view的使用案例代码详解
Jun 11 Javascript
解决vue 使用axios.all()方法发起多个请求控制台报错的问题
Nov 09 Javascript
浅析用prototype定义自己的方法
Nov 14 #Javascript
Js nodeType 属性全面解析
Nov 14 #Javascript
open 动态修改img的onclick事件示例代码
Nov 13 #Javascript
解决jquery1.9不支持browser对象的问题
Nov 13 #Javascript
js获取IFRAME当前的URL的方法
Nov 13 #Javascript
jquery 漂亮的删除确认和提交无刷新删除示例
Nov 13 #Javascript
常见表单重复提交问题整理及解决方法
Nov 13 #Javascript
You might like
PHP开发中常用的8个小技巧
2008/08/27 PHP
php下mysql数据库操作类(改自discuz)
2010/07/03 PHP
PHP中数字检测is_numeric与ctype_digit的区别介绍
2012/10/04 PHP
PHP计算当前坐标3公里内4个角落的最大最小经纬度实例
2016/02/26 PHP
JavaScript面向对象之静态与非静态类
2010/02/03 Javascript
JavaScript之IE的fireEvent方法详细解析
2013/11/20 Javascript
JQuery显示隐藏DIV的方法及代码实例
2015/04/16 Javascript
Javascript类型转换的规则实例解析
2016/02/23 Javascript
js实现手机发送验证码功能
2017/03/13 Javascript
javascript回调函数的概念理解与用法分析
2017/05/27 Javascript
在vue中使用Autoprefixed的方法
2018/07/27 Javascript
javascript原型链学习记录之继承实现方式分析
2019/05/01 Javascript
vue实现购物车列表
2020/06/30 Javascript
JS绘图Flot应用图形绘制异常解决方案
2020/10/16 Javascript
Python中请使用isinstance()判断变量类型
2014/08/25 Python
用Python编写web API的教程
2015/04/30 Python
Python对字符串实现去重操作的方法示例
2017/08/11 Python
python中in在list和dict中查找效率的对比分析
2018/05/04 Python
基于Django框架利用Ajax实现点赞功能实例代码
2018/08/19 Python
使用pandas把某一列的字符值转换为数字的实例
2019/01/29 Python
深入了解和应用Python 装饰器 @decorator
2019/04/02 Python
python科学计算之scipy——optimize用法
2019/11/25 Python
HTML5 直播疯狂点赞动画实现代码 附源码
2020/04/14 HTML / CSS
介绍一下MD5加密算法
2016/11/12 面试题
自我评价怎么写好呢?
2013/12/05 职场文书
理工科学生的自我评价
2013/12/15 职场文书
村委会主任先进事迹
2014/01/15 职场文书
领导干部作风建设剖析材料
2014/10/11 职场文书
交通事故被告答辩状
2015/05/22 职场文书
功夫熊猫观后感
2015/06/10 职场文书
签约仪式致辞
2015/07/30 职场文书
大学学生会主席竞选稿怎么写?
2019/08/19 职场文书
Pandas||过滤缺失数据||pd.dropna()函数的用法说明
2021/05/14 Python
python munch库的使用解析
2021/05/25 Python
Anaconda安装pytorch及配置PyCharm 2021环境
2021/06/04 Python
JavaScript前端面试组合函数
2022/06/21 Javascript