使用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 相关文章推荐
java script编程起步(第三课)
Jan 10 Javascript
javascript 面向对象编程基础:封装
Aug 21 Javascript
JS左右无缝滚动(一般方法+面向对象方法)
Aug 17 Javascript
javascript五图轮播切换实用版
Aug 17 Javascript
javascript使用中为什么10..toString()正常而10.toString()出错呢
Jan 11 Javascript
JavaScript基于ajax编辑信息用法实例
Jul 15 Javascript
jQuery往返城市和日期查询实例讲解
Oct 09 Javascript
jQuery简单实现列表隐藏和显示效果示例
Sep 12 Javascript
JS文件上传神器bootstrap fileinput详解
Jan 28 Javascript
AngularJS中的缓存使用
Jan 11 Javascript
VeeValidate 的使用场景以及配置详解
Jan 11 Javascript
vue实现轮播图帧率播放
Jan 26 Vue.js
浅析用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打乱数组二维数组多维数组的简单实例
2016/06/17 PHP
php中青蛙跳台阶的问题解决方法
2018/10/14 PHP
Javascript跨域请求的4种解决方式
2013/03/17 Javascript
JavaScript中的Math 使用介绍
2014/04/21 Javascript
jquery操作复选框checkbox的方法汇总
2015/02/05 Javascript
jQuery筛选数组之grep、each、inArray、map的用法及遍历json对象
2016/06/20 Javascript
Vuejs第十二篇之动态组件全面解析
2016/09/09 Javascript
vue2 前后端分离项目ajax跨域session问题解决方法
2017/04/27 Javascript
xmlplus组件设计系列之选项卡(Tabbar)(5)
2017/05/03 Javascript
javascript流程控制语句集合
2017/09/18 Javascript
JavaScript 对引擎、运行时、调用堆栈的概述理解
2018/10/22 Javascript
javascript将16进制的字符串转换为10进制整数hex
2020/03/05 Javascript
原生js实现碰撞检测
2020/03/12 Javascript
Python基于Matplotlib库简单绘制折线图的方法示例
2017/08/14 Python
wxPython的安装图文教程(Windows)
2017/12/28 Python
python过滤中英文标点符号的实例代码
2019/07/15 Python
python使用if语句实现一个猜拳游戏详解
2019/08/27 Python
pytorch方法测试——激活函数(ReLU)详解
2020/01/15 Python
NumPy统计函数的实现方法
2020/01/21 Python
Python图像处理二值化方法实例汇总
2020/07/24 Python
Python实现文件压缩和解压的示例代码
2020/08/12 Python
python利用paramiko实现交换机巡检的示例
2020/09/22 Python
CSS3实现头像旋转效果
2017/03/13 HTML / CSS
canvas拼图功能实现代码示例
2018/11/21 HTML / CSS
Pretty Little Thing美国:时尚女性服饰
2018/08/27 全球购物
俄罗斯童装网上商店:BebaKids
2020/06/06 全球购物
static关键字的用法
2013/10/07 面试题
什么是网络协议
2016/04/07 面试题
初中考试作弊检讨书
2014/02/01 职场文书
运动会方阵口号
2014/06/07 职场文书
司机岗位职责说明书
2014/07/29 职场文书
物流专业专科生职业生涯规划书
2014/09/14 职场文书
2015中学教学工作总结
2015/07/22 职场文书
个人工作总结怎么写?
2019/04/09 职场文书
Python提取PDF指定内容并生成新文件
2021/06/09 Python
Python pyecharts绘制条形图详解
2022/04/02 Python