使用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 tab标签页的制作
May 10 Javascript
关于js中window.location.href,location.href,parent.location.href,top.location.href的用法与区别
Oct 18 Javascript
javascript检查浏览器是否支持flash的实现代码
Aug 14 Javascript
jQuery实现将div中滚动条滚动到指定位置的方法
Aug 10 Javascript
JS实现鼠标移上去显示图片或微信二维码
Dec 14 Javascript
angularJs中datatable实现代码
Jun 03 Javascript
Vue实现typeahead组件功能(非常靠谱)
Aug 26 Javascript
javascript+css3开发打气球小游戏完整代码
Nov 28 Javascript
JavaScript设计模式之责任链模式实例分析
Jan 16 Javascript
vue组件间的参数传递实例详解
Apr 26 Javascript
vue悬浮可拖拽悬浮按钮的实例代码
Aug 20 Javascript
JS轻量级函数式编程实现XDM三
Jun 16 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 5.0对象模型深度探索之类的静态成员
2008/03/27 PHP
PHP取整数函数常用的四种方法小结
2012/07/05 PHP
php中的Base62类(适用于数值转字符串)
2013/08/12 PHP
PHP命名空间(namespace)的使用基础及示例
2014/08/18 PHP
php在linux下检测mysql同步状态的方法
2015/01/15 PHP
php getcwd与dirname(__FILE__)区别详解
2016/09/24 PHP
PHP实现微信模拟登陆并给用户发送消息的方法【文字,图片,图文】
2017/06/29 PHP
PHP FileSystem 文件系统常用api整理总结
2019/07/12 PHP
PHP的介绍以及优势详细分析
2019/09/05 PHP
javascript写的日历类(基于pj)
2010/12/28 Javascript
script标签属性type与language使用选择
2012/12/02 Javascript
制作jquery遮罩层效果导航菜单代码分享
2013/12/25 Javascript
javascript使用prototype完成单继承
2014/12/24 Javascript
Angularjs编写KindEditor,UEidtor,jQuery指令
2015/01/28 Javascript
JavaScript实现Flash炫光波动特效
2015/05/14 Javascript
js中的内部属性与delete操作符介绍
2015/08/10 Javascript
浅谈javascript中replace()方法
2015/11/10 Javascript
jQuery实现只允许输入数字和小数点的方法
2016/03/02 Javascript
Vue.js基础知识小结
2017/01/13 Javascript
详解Next.js页面渲染的优化方案
2019/01/27 Javascript
详解JSON和JSONP劫持以及解决方法
2019/03/08 Javascript
JS实现进度条动态加载特效
2020/03/25 Javascript
Json实现传值到后台代码实例
2020/06/30 Javascript
import的本质解析
2017/10/30 Python
对python中raw_input()和input()的用法详解
2018/04/22 Python
python实现字符串和字典的转换
2018/09/29 Python
python 画条形图(柱状图)实例
2020/04/24 Python
世界上最大的罕见唱片、CD和音乐纪念品网上商店:991.com
2018/05/03 全球购物
会走路的树教学反思
2014/02/20 职场文书
工作保证书范文
2014/04/29 职场文书
先进个人材料怎么写
2014/12/30 职场文书
募捐感谢信
2015/01/22 职场文书
2015企业年终工作总结范文
2015/05/27 职场文书
幼儿园教师管理制度
2015/08/05 职场文书
运动会广播稿100字
2015/08/19 职场文书
导游词之日本富士山
2020/01/06 职场文书