使用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 相关文章推荐
8个超棒的学习 jQuery 的网站 推荐收藏
Apr 02 Javascript
JQuery实现点击div以外的位置隐藏该div窗口
Sep 13 Javascript
AngularJS基础知识笔记之表格
May 10 Javascript
谈谈Jquery ajax中success和complete有哪些不同点
Nov 20 Javascript
JavaScript与jQuery实现的闪烁输入效果
Feb 18 Javascript
JavaScript编写页面半透明遮罩效果的简单示例
May 09 Javascript
jQuery日期范围选择器附源码下载
May 23 jQuery
使用puppeteer破解极验的滑动验证码
Feb 24 Javascript
jQuery实现点击自身以外区域关闭弹出层功能完整示例【改进版】
Jul 31 jQuery
Vue 第三方字体图标引入 Font Awesome的方法
Sep 28 Javascript
JavaScript学习笔记之数组基本操作示例
Jan 09 Javascript
基于js实现数组相邻元素上移下移
May 19 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+AJAX聊天程序[聊天室]提供下载
2007/07/21 PHP
php面象对象数据库操作类实例
2014/12/02 PHP
php微信开发之关键词回复功能
2018/06/13 PHP
用JS判别浏览器种类以及IE版本的几种方法小结
2011/08/02 Javascript
复制js对象方法(详解)
2013/07/08 Javascript
用Javascript获取页面元素的具体位置
2013/12/09 Javascript
js对字符的验证方法汇总
2015/02/04 Javascript
JS实现仿微博可关闭弹出层效果
2015/09/21 Javascript
表单input项使用label同时引用Bootstrap库导致input点击效果区增大问题
2016/10/11 Javascript
easyui-combobox 实现简单的自动补全功能示例
2016/11/08 Javascript
JS设置手机验证码60s等待实现代码
2017/06/14 Javascript
Nodejs中使用phantom将html转为pdf或图片格式的方法
2017/09/18 NodeJs
Javascript中将变量转换为字符串的三种方法
2017/09/19 Javascript
深入了解javascript 数组的sort方法
2018/06/01 Javascript
vue中使用input[type=&quot;file&quot;]实现文件上传功能
2018/09/10 Javascript
js前端如何写一个精确的倒计时代码
2019/10/25 Javascript
layui写后台表格思路和赋值用法详解
2019/11/14 Javascript
Python作用域用法实例详解
2016/03/15 Python
基于anaconda下强大的conda命令介绍
2018/06/11 Python
利用Python如何制作好玩的GIF动图详解
2018/07/11 Python
Flask框架配置与调试操作示例
2018/07/23 Python
Centos下实现安装Python3.6和Python2共存
2018/08/15 Python
浅谈django的render函数的参数问题
2018/10/16 Python
Tensorflow Summary用法学习笔记
2020/01/10 Python
Python表达式的优先级详解
2020/02/18 Python
python虚拟环境模块venv使用及示例
2020/03/04 Python
Python socket处理client连接过程解析
2020/03/18 Python
python3中的logging记录日志实现过程及封装成类的操作
2020/05/12 Python
经济学人订阅:The Economist
2018/07/19 全球购物
绘画设计学生的个人自我评价
2013/09/20 职场文书
应届医学毕业生求职信分享
2013/12/02 职场文书
安全施工责任书
2014/08/25 职场文书
门面房租房协议书
2014/12/01 职场文书
详解Js模块化的作用原理和方案
2021/04/29 Javascript
python中对列表的删除和添加方法详解
2022/02/24 Python
win10搭建配置ftp服务器的方法
2022/08/05 Servers