使用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 相关文章推荐
在 IE 中调用 javascript 打开 Excel 表
Dec 21 Javascript
javascript 三种编解码方式
Feb 01 Javascript
JavaScript 原型继承
Dec 26 Javascript
jQuery基本过滤选择器使用介绍
Apr 18 Javascript
深入解析contentWindow, contentDocument
Jul 04 Javascript
JavaScript回调(callback)函数概念自我理解及示例
Jul 04 Javascript
js时间日期格式化封装函数
Dec 02 Javascript
JS实现点击登录弹出窗口同时背景色渐变动画效果
Mar 25 Javascript
Js面试算法详解
Apr 08 Javascript
使用vue2.0创建的项目的步骤方法
Sep 25 Javascript
JavaScript中判断为整数的多种方式及保留两位小数的方法
Sep 09 Javascript
package.json各个属性说明详解
Mar 11 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的可变变量名的使用方法分享
2012/02/05 PHP
解决CodeIgniter伪静态失效
2014/06/09 PHP
在WordPress中使用wp_count_posts函数来统计文章数量
2016/01/05 PHP
thinkphp3.2.3版本的数据库增删改查实现代码
2016/09/22 PHP
Gird组件 Part-3:范例RSSFeed Viewer
2007/03/10 Javascript
JavaScript 匿名函数(anonymous function)与闭包(closure)
2011/10/04 Javascript
JavaScript中数组的排序、乱序和搜索实现代码
2011/11/30 Javascript
javascript 日期时间 转换的方法
2013/02/21 Javascript
返回上一页并自动刷新的JavaScript代码
2014/02/19 Javascript
JavaScript中this详解
2015/09/01 Javascript
详解vue2.0脚手架的webpack 配置文件分析
2017/05/27 Javascript
JavaScript设计模式---单例模式详解【四种基本形式】
2020/05/16 Javascript
从表单校验看JavaScript策略模式的使用详解
2020/10/17 Javascript
vue-axios同时请求多个接口 等所有接口全部加载完成再处理操作
2020/11/09 Javascript
[51:30]OG vs LGD 2018国际邀请赛淘汰赛BO3 第二场 8.26
2018/08/30 DOTA
[52:03]DOTA2-DPC中国联赛 正赛 Ehome vs iG BO3 第三场 1月31日
2021/03/11 DOTA
python回调函数用法实例分析
2015/05/09 Python
Python 控制终端输出文字的实例
2019/07/12 Python
Python3内置模块之base64编解码方法详解
2019/07/13 Python
django迁移数据库错误问题解决
2019/07/29 Python
Python Lambda函数使用总结详解
2019/12/11 Python
Python序列类型的打包和解包实例
2019/12/21 Python
Jupyter notebook如何修改平台字体
2020/05/13 Python
html5 sessionStorage会话存储_动力节点Java学院整理
2017/07/06 HTML / CSS
localStorage 设置过期时间的方法实现
2018/12/21 HTML / CSS
美国大型的健身社区和补充商店:Bodybuilding.com
2016/09/06 全球购物
英国最好的包装供应商:Priory Direct
2019/12/17 全球购物
给交警的表扬信
2014/01/12 职场文书
《罗布泊,消逝的仙湖》教学反思
2014/03/01 职场文书
让子弹飞观后感
2015/06/11 职场文书
退伍军人感言
2015/08/01 职场文书
给校长的建议书范文
2015/09/14 职场文书
离婚起诉书范文2016
2015/11/26 职场文书
2016年先进教师个人事迹材料
2016/02/26 职场文书
导游词之崇武古城
2019/10/07 职场文书
css3属性选择器 “~”(波浪号) “,”(逗号) “+”(加号)和 “>”(大于号)
2022/04/19 HTML / CSS