使用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动画效果代码3
Apr 03 Javascript
JS 自动安装exe程序
Nov 30 Javascript
javascript字符串拼接的效率问题
Dec 25 Javascript
javascript使用正则获取url上的某个参数
Sep 04 Javascript
Select2.js下拉框使用小结
Oct 24 Javascript
前端JS面试中常见的算法问题总结
Dec 23 Javascript
js 性能优化之快速响应的用户界面
Feb 15 Javascript
webpack4 入门最简单的例子介绍
Sep 05 Javascript
微信小程序实现联动选择器
Feb 15 Javascript
JavaScript碰撞检测原理及其实现代码
Mar 12 Javascript
vue中移动端调取本地的复制的文本方式
Jul 18 Javascript
JavaScript 对象创建的3种方法
Nov 17 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 addslashes()与addclashes()函数的区别和比较
2013/06/24 PHP
PHP汉字转换拼音的函数代码
2015/12/30 PHP
php依赖注入知识点详解
2019/09/23 PHP
超越Jquery_01_isPlainObject分析与重构
2010/10/20 Javascript
javascript 手动给表增加数据的小例子
2013/07/10 Javascript
在HTML代码中使用JavaScript代码的例子
2014/10/16 Javascript
js变形金刚文字特效代码分享
2015/08/20 Javascript
前端jquery部分很精彩
2016/05/03 Javascript
vue2.0实战之基础入门(1)
2017/03/27 Javascript
基于zTree树形菜单的使用实例
2017/12/25 Javascript
vue.js系列中的vue-fontawesome使用
2018/02/10 Javascript
vue自定义移动端touch事件之点击、滑动、长按事件
2018/07/10 Javascript
利用原生JS实现data方法示例代码
2019/05/28 Javascript
JS实现滑动导航效果
2020/01/14 Javascript
pycharm解决关闭flask后依旧可以访问服务的问题
2020/04/03 Python
python实现mean-shift聚类算法
2020/06/10 Python
pymysql模块使用简介与示例
2020/11/17 Python
python实现文件+参数发送request的实例代码
2021/01/05 Python
加拿大折扣、优惠券和交易网站:WagJag
2018/02/07 全球购物
应届生妇产科护士求职信
2013/10/27 职场文书
车贷收入证明范本
2014/01/09 职场文书
小学生期末自我鉴定
2014/01/19 职场文书
红旗方阵解说词
2014/02/12 职场文书
优秀大学生求职自荐信范文
2014/04/19 职场文书
新农村建设标语
2014/06/24 职场文书
超市周年庆活动方案
2014/08/16 职场文书
研究生导师推荐信
2014/09/06 职场文书
产品委托授权书范本
2014/09/16 职场文书
《微笑着面对生活》优秀演讲稿范文
2014/09/23 职场文书
2014年环保工作总结
2014/11/26 职场文书
2015教师年度工作总结范文
2015/04/07 职场文书
社会主义核心价值观主题教育活动总结
2015/05/07 职场文书
党小组推荐意见
2015/06/02 职场文书
Java生成读取条形码和二维码的简单示例
2021/07/09 Java/Android
Springboot如何同时装配两个相同类型数据库
2021/11/17 Java/Android
Java 在线考试云平台的实现
2021/11/23 Java/Android