使用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 相关文章推荐
jquery 多行文本框(textarea)高度变化
Jul 03 Javascript
js中的数组Array定义与sort方法使用示例
Aug 29 Javascript
jquery得到font-size属性值实现代码
Sep 30 Javascript
js同比例缩放图片的小例子
Oct 30 Javascript
通过JQuery将DIV的滚动条滚动到指定的位置方便自动定位
May 05 Javascript
javascript中传统事件与现代事件
Jun 23 Javascript
jQuery页面弹出框实现文件上传
Feb 09 Javascript
JavaScript通过filereader接口读取文件
May 10 Javascript
AngularJS实用基础知识_入门必备篇(推荐)
Jul 10 Javascript
JavaScript闭包的简单应用
Sep 01 Javascript
微信小程序 上传头像的实例详解
Oct 27 Javascript
微信小程序中使用ECharts 异步加载数据的方法
Jun 27 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实现ftp上传文件示例
2014/08/21 PHP
php实现获取文章内容第一张图片的方法
2014/11/04 PHP
mysql_connect localhost和127.0.0.1的区别(网络层阐述)
2015/03/26 PHP
PHP+ajax实现获取新闻数据简单示例
2018/05/08 PHP
详解php协程知识点
2018/09/21 PHP
laravel admin实现分类树/模型树的示例代码
2020/06/10 PHP
Laravel中如何轻松容易的输出完整的SQL语句
2020/07/26 PHP
alixixi runcode.asp的代码不错的应用
2007/08/08 Javascript
Jquery图片滚动与幻灯片的实例代码
2013/04/08 Javascript
js 绑定键盘鼠标事件示例代码
2014/02/12 Javascript
jquery+ajax实现直接提交表单实例分析
2016/06/17 Javascript
javascript 注释代码的几种方法总结
2017/01/04 Javascript
原生js实现中奖信息无间隙滚动效果
2017/01/18 Javascript
Javascript封装id、class与元素选择器方法示例
2017/03/13 Javascript
HTML5+Canvas调用手机拍照功能实现图片上传(下)
2017/04/21 Javascript
Nodejs+express+ejs简单使用实例代码
2017/09/18 NodeJs
vue 修改 data 数据问题并实时显示的方法
2018/08/27 Javascript
JQuery中的常用事件、对象属性与使用方法分析
2019/12/23 jQuery
vue下axios拦截器token刷新机制的实例代码
2020/01/17 Javascript
vue elementui 实现搜索栏公共组件封装的实例代码
2020/01/20 Javascript
python打开文件并获取文件相关属性的方法
2015/04/23 Python
通过Python爬虫代理IP快速增加博客阅读量
2016/12/14 Python
python实现txt文件格式转换为arff格式
2018/05/31 Python
Python类和对象的定义与实际应用案例分析
2018/12/27 Python
Python判断两个文件是否相同与两个文本进行相同项筛选的方法
2019/03/01 Python
浅谈Python 递归算法指归
2019/08/22 Python
python分布式爬虫中消息队列知识点详解
2020/11/26 Python
python爬虫请求头的使用
2020/12/01 Python
彪马俄罗斯官网:PUMA俄罗斯
2019/07/13 全球购物
SK-II神仙水美国官网:SK-II美国
2020/02/25 全球购物
介绍一下Linux文件的记录形式
2012/04/18 面试题
金融专业推荐信
2013/11/14 职场文书
运动会广播稿50字-100字
2014/10/11 职场文书
2015年党员公开承诺书范文
2015/01/22 职场文书
离婚协议书样本
2015/01/26 职场文书
Ajax是什么?Ajax高级用法之Axios技术
2021/04/21 Javascript