使用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 相关文章推荐
javascript Split方法,indexOf方法、lastIndexOf 方法和substring 方法
Mar 21 Javascript
JS图片预加载 JS实现图片预加载应用
Dec 03 Javascript
javascript限制用户只能输汉字中文的方法
Nov 20 Javascript
JavaScript登录验证码的实现
Oct 27 Javascript
Bootstrap源码解读导航(6)
Dec 23 Javascript
解决JS外部文件中文注释出现乱码问题
Jul 09 Javascript
vue.js template模板的使用(仿饿了么布局)
Aug 13 Javascript
实例讲解v-if和v-show的区别
Jan 31 Javascript
Element-UI中Upload上传文件前端缓存处理示例
Feb 21 Javascript
从0到1构建vueSSR项目之node以及vue-cli3的配置
Mar 07 Javascript
原生JS使用Canvas实现拖拽式绘图功能
Jun 05 Javascript
分享几个JavaScript运算符的使用技巧
Apr 24 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可生成缩略图的文件上传类实例
2014/12/17 PHP
Laravel中注册Facades的步骤详解
2016/03/16 PHP
PHP对象的浅复制与深复制的实例详解
2017/10/26 PHP
Django中通过定时任务触发页面静态化的处理方式
2018/08/29 PHP
javascript操纵OGNL标签示例代码
2014/06/16 Javascript
javascript设置连续两次点击按钮时间间隔的方法
2014/10/28 Javascript
JavaScript判断数组是否包含指定元素的方法
2015/07/01 Javascript
学习JavaScript设计模式(链式调用)
2015/11/26 Javascript
jQuery拖动元素并对元素进行重新排序
2015/12/30 Javascript
简单谈谈JavaScript的同步与异步
2015/12/31 Javascript
js继承实现方法详解
2016/12/16 Javascript
JavaScript限定范围拖拽及自定义滚动条应用(3)
2017/05/17 Javascript
JS HTML图片显示Canvas 压缩功能
2017/07/21 Javascript
JavaScript中的高级函数
2018/01/04 Javascript
vue内置指令详解
2018/04/03 Javascript
Vue CLI 2.x搭建vue(目录最全分析)
2019/02/27 Javascript
React路由鉴权的实现方法
2019/09/05 Javascript
Antd的table组件表格的序号自增操作
2020/10/27 Javascript
[04:51]TI10典藏宝瓶Ⅱ外观视频展示
2020/08/15 DOTA
linux系统使用python监控apache服务器进程脚本分享
2014/01/15 Python
python正则表达式之作业计算器
2016/03/18 Python
Python面向对象之类和对象属性的增删改查操作示例
2018/12/14 Python
python如何使用Redis构建分布式锁
2020/01/16 Python
HTML 5.1来了 9月份正式发布 更新内容预览
2016/04/26 HTML / CSS
Diesel美国网上商店:意大利牛仔时装品牌
2020/12/10 全球购物
法学专业个人求职信
2013/09/26 职场文书
我的求职择业计划书
2014/04/04 职场文书
幼儿园中班下学期评语
2014/04/18 职场文书
学校端午节活动方案
2014/08/23 职场文书
老人节主持词
2015/07/04 职场文书
小学家庭教育心得体会
2016/01/14 职场文书
导游词之阆中古城
2019/12/23 职场文书
Redis读写分离搭建的完整步骤
2021/09/14 Redis
mysql如何能有效防止删库跑路
2021/10/05 MySQL
Python+Selenium自动化环境搭建与操作基础详解
2022/03/13 Python
Python实现自动玩连连看的脚本分享
2022/04/04 Python