使用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之事件绑定
Jul 08 Javascript
javascript:FF/Chrome与IE动态加载元素的区别说明
Jan 26 Javascript
jQuery实现个性翻牌效果导航菜单的方法
Mar 09 Javascript
跟我学习javascript的垃圾回收机制与内存管理
Nov 23 Javascript
javascript鼠标右键菜单自定义效果
Dec 08 Javascript
jquery.cookie.js实现用户登录保存密码功能的方法
Apr 15 Javascript
jQuery实现的无缝广告图片左右滚动功能详解
Dec 24 Javascript
微信小程序 限制1M的瘦身技巧与方法详解
Jan 06 Javascript
javascript事件的传播基础实例讲解(35)
Feb 14 Javascript
React props和state属性的具体使用方法
Apr 12 Javascript
在vue中阻止浏览器后退的实例
Nov 06 Javascript
js在HTML的三种引用方式详解
Aug 29 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 数组排序方法总结 推荐收藏
2010/06/30 PHP
php入门学习知识点六 PHP文件的读写操作代码
2011/07/14 PHP
Mac系统下使用brew搭建PHP(LNMP/LAMP)开发环境
2015/03/03 PHP
Symfony2学习笔记之模板用法详解
2016/03/17 PHP
thinkPHP5.0框架应用请求生命周期分析
2017/03/25 PHP
PHP实现字母数字混合验证码功能
2019/07/11 PHP
使用laravel的migrate创建数据表的方法
2019/09/30 PHP
ASP小贴士/ASP Tips javascript tips可以当桌面
2009/12/10 Javascript
JavaScript 10件让人费解的事情
2010/02/15 Javascript
Jquery实现鼠标移上弹出提示框、移出消失思路及代码
2013/05/19 Javascript
js鼠标点击图片切换效果代码分享
2015/08/26 Javascript
在Ubuntu系统上安装Node.JS的教程
2015/10/15 Javascript
JS扩展类,克隆对象与混合类实例分析
2016/11/26 Javascript
jQuery实现动态显示select下拉列表数据的方法
2018/02/05 jQuery
在Vue 中使用Typescript的示例代码
2018/09/10 Javascript
微信小程序实现下滑到底部自动翻页功能
2020/03/07 Javascript
Vue使用路由钩子拦截器beforeEach和afterEach监听路由
2020/11/16 Javascript
[01:21:58]守擂赛DOTA2第一周决赛
2020/04/22 DOTA
Python中用于转换字母为小写的lower()方法使用简介
2015/05/19 Python
编写自定义的Django模板加载器的简单示例
2015/07/21 Python
python XlsxWriter模块创建aexcel表格的实例讲解
2018/05/03 Python
对python借助百度云API对评论进行观点抽取的方法详解
2019/02/21 Python
Python爬虫使用代理IP的实现
2019/10/27 Python
详细分析Python可变对象和不可变对象
2020/07/09 Python
Python爬虫爬取有道实现翻译功能
2020/11/27 Python
python selenium 获取接口数据的实现
2020/12/07 Python
详解如何在css中引入自定义字体(font-face)
2018/05/17 HTML / CSS
详解如何获取localStorage最大存储大小的方法
2020/05/21 HTML / CSS
美国著名的婴儿学步鞋老品牌:Robeez
2016/08/20 全球购物
数以千计的折扣工业产品:ESE Direct
2018/05/20 全球购物
英国领先的野生鸟类食品供应商:GardenBird
2018/08/09 全球购物
自荐信的五个重要部分
2013/10/29 职场文书
中专毕业生自荐信范文
2013/11/28 职场文书
巾帼文明岗事迹材料
2014/12/24 职场文书
财务人员个人工作总结
2015/02/27 职场文书
2015年企业员工工作总结范文
2015/05/21 职场文书