使用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 相关文章推荐
IE6/7/8/9不支持exec的简写方式
May 25 Javascript
javascript跑马灯悬停放大效果实现代码
Dec 12 Javascript
javaScript arguments 对象使用介绍
Oct 18 Javascript
jquery获取及设置outerhtml的方法
Mar 09 Javascript
jquery实现手风琴效果
Nov 20 Javascript
AngularJS入门教程之Select(选择框)详解
Jul 27 Javascript
详解Vue 普通对象数据更新与 file 对象数据更新
Apr 26 Javascript
JavaScript比较同一天的时间大小实例代码
Feb 09 Javascript
从源码里了解vue中的nextTick的使用
Nov 22 Javascript
Vue+Element实现网页版个人简历系统(推荐)
Dec 31 Javascript
关于vue的列表图片选中打钩操作
Sep 09 Javascript
JavaScript执行机制详细介绍
Dec 06 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 array_intersect()函数使用代码
2009/01/14 PHP
php 文件上传代码(限制jpg文件)
2010/01/05 PHP
PHP字符串word末字符实现大小写互换的方法
2014/11/10 PHP
php 使用file_get_contents读取大文件的方法
2014/11/13 PHP
PHP之正则表达式捕获组与非捕获组(详解)
2015/07/29 PHP
php正则表达式验证(邮件地址、Url地址、电话号码、邮政编码)
2016/03/14 PHP
ThinkPHP表单令牌错误的相关解决方法分析
2016/05/20 PHP
Laravel用户授权系统的使用方法示例
2018/09/16 PHP
PHP实现的简单留言板功能示例【基于thinkPHP框架】
2018/12/07 PHP
[JS源码]超长文章自动分页(客户端版)
2007/01/09 Javascript
js不能跳转到上一页面的问题解决方法
2013/03/01 Javascript
js二级地域选择的实现方法
2013/06/17 Javascript
javaScript 页面自动加载事件详解
2014/02/10 Javascript
js防止页面被iframe调用的方法
2014/10/30 Javascript
director.js实现前端路由使用实例
2015/02/03 Javascript
AngularJS入门教程之 XMLHttpRequest实例讲解
2016/07/27 Javascript
基于jQuery实现简单人工智能聊天室
2017/02/10 Javascript
Angular 4.x 路由快速入门学习
2017/05/03 Javascript
JS设置随机出现2个数字的实例代码
2017/07/19 Javascript
vue写h5页面的方法总结
2019/02/12 Javascript
Vue 组件复用多次自定义参数操作
2020/07/27 Javascript
vue element ui validate 主动触发错误提示操作
2020/09/21 Javascript
[01:32]DOTA2次级联赛——首支职业女子战队选拔赛全记录
2014/10/23 DOTA
python 动态加载的实现方法
2017/12/22 Python
数组保存为txt, npy, csv 文件, 数组遍历enumerate的方法
2018/07/09 Python
浅谈python 中类属性共享的问题
2019/07/02 Python
python爬虫中PhantomJS加载页面的实例方法
2020/11/12 Python
英国著名的茶叶品牌:Whittard of Chelsea
2016/09/22 全球购物
介绍一下Make? 为什么使用make
2013/12/08 面试题
土木工程应届生自荐信
2013/09/24 职场文书
应聘自荐书
2013/10/08 职场文书
高级工程师岗位职责
2013/12/15 职场文书
留学推荐信怎么写
2014/01/25 职场文书
2014年师德师风工作总结
2014/11/25 职场文书
教师考核评语大全
2014/12/31 职场文书
高三毕业感言
2015/07/30 职场文书