使用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 相关文章推荐
js对象数组按属性快速排序
Jan 31 Javascript
js验证真实姓名与身份证号是否匹配
Oct 13 Javascript
JavaScript遍历求解数独问题的主要思路小结
Jun 12 Javascript
简单的JS轮播图代码
Jul 18 Javascript
浅谈jQuery中的$.extend方法来扩展JSON对象
Feb 12 Javascript
分享一个精简的vue.js 图片lazyload插件实例
Mar 13 Javascript
vue.js移动端app实战1:初始配置详解
Jul 24 Javascript
vuejs点击class变化的实例
Sep 05 Javascript
mockjs+vue页面直接展示数据的方法
Dec 19 Javascript
使用konva和vue-konva库实现拖拽滑块验证功能
Apr 27 Javascript
微信小程序文章列表功能完整实例
Jun 03 Javascript
关于React Native 无法链接模拟器的问题
Jun 21 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加密解密的代码
2006/10/09 PHP
PHP 上传文件的方法(类)
2009/07/30 PHP
ThinkPHP Mobile使用方法简明教程
2014/06/18 PHP
PHP会员找回密码功能的简单实现
2016/09/05 PHP
基于ThinkPHP实现的日历功能实例详解
2017/04/15 PHP
javascript 多浏览器 事件大全
2010/03/23 Javascript
js如何判断用户是在PC端和还是移动端访问
2014/04/24 Javascript
javascript实现的平方米、亩、公顷单位换算小程序
2014/08/11 Javascript
js实现checkbox全选、不选与反选的方法
2015/02/09 Javascript
arcgis for js 修改infowindow样式的方法
2016/11/02 Javascript
vue实现ToDoList简单实例
2017/02/07 Javascript
angular实现IM聊天图片发送实例
2017/05/08 Javascript
jQuery实现获取table中鼠标click点击位置行号与列号的方法
2017/10/09 jQuery
vue语法之拼接字符串的示例代码
2017/10/25 Javascript
JS实现方形抽奖效果
2018/08/27 Javascript
详解VUE中的插值( Interpolation)语法
2020/10/18 Javascript
vue3.0 加载json的方法(非ajax)
2020/10/26 Javascript
python中子类调用父类函数的方法示例
2017/08/18 Python
python 调用c语言函数的方法
2017/09/29 Python
Python openpyxl 插入折线图实例
2020/04/17 Python
Python virtualenv虚拟环境实现过程解析
2020/04/18 Python
tensorflow图像裁剪进行数据增强操作
2020/06/30 Python
利用HTML5绘制点线面组成的3D图形的示例
2015/05/12 HTML / CSS
Hanro官网:奢华男士和女士内衣、睡衣和家居服
2018/10/25 全球购物
全球速卖通俄罗斯站:AliExpress俄罗斯
2019/06/17 全球购物
SIMON MILLER官网:洛杉矶的生活方式品牌
2020/10/19 全球购物
机电一体化毕业生求职信
2013/11/02 职场文书
英文简历中的自我评价用语
2013/12/09 职场文书
产品委托授权书范本
2014/09/16 职场文书
党员教师个人对照检查材料范文
2014/09/25 职场文书
党员剖析材料范文
2014/12/18 职场文书
教师岗位职责范本
2015/04/02 职场文书
《观察物体》教学反思
2016/02/17 职场文书
AJAX实现省市县三级联动效果
2021/10/16 Javascript
MySQL去除密码登录告警的方法
2022/04/20 MySQL
MySQL的意向共享锁、意向排它锁和死锁
2022/07/15 MySQL