使用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 相关文章推荐
一个分享按钮的插件使用介绍(可扩展,内附开发制作流程)
Sep 19 Javascript
jquery实现页面关键词高亮显示的方法
Mar 12 Javascript
jquery mobile开发常见问题分析
Jan 21 Javascript
javascript实现不同颜色Tab标签切换效果
Apr 27 Javascript
js注入 黑客之路必备!
Sep 14 Javascript
Vue插件写、用详解(附demo)
Mar 20 Javascript
利用jquery去掉时光轴头尾部线条的方法实例
Jun 16 jQuery
微信小程序getPhoneNumber获取用户手机号
Sep 29 Javascript
VUE中v-on:click事件中获取当前dom元素的代码
Aug 22 Javascript
vue全局自定义指令-元素拖拽的实现代码
Apr 14 Javascript
详解jquery和vue对比
Apr 16 jQuery
解决layui动态添加的元素click等事件触发不了的问题
Sep 20 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+xslt在windows平台上
2006/10/09 PHP
php 实现简单的登录功能示例【基于thinkPHP框架】
2019/12/02 PHP
基础的prototype.js常用函数及其用法
2007/03/10 Javascript
在JavaScript中使用timer示例
2014/05/08 Javascript
日常收集整理的JavaScript常用函数方法
2015/12/10 Javascript
JavaScript中Window对象的属性及事件
2015/12/25 Javascript
TypeScript Type Innference(类型判断)
2016/03/10 Javascript
jquery配合.NET实现点击指定绑定数据并且能够一键下载
2016/10/28 Javascript
AngularJS 异步解决实现方法
2017/06/12 Javascript
vue里面父组件修改子组件样式的方法
2018/02/03 Javascript
vuex 项目结构目录及一些简单配置介绍
2018/04/08 Javascript
详解基于mpvue的小程序markdown适配解决方案
2018/05/08 Javascript
关于在vue 中使用百度ueEditor编辑器的方法实例代码
2018/09/14 Javascript
解决webpack+Vue引入iView找不到字体文件的问题
2018/09/28 Javascript
JavaScript时间日期操作实例小结【5个示例】
2018/12/22 Javascript
Vue表情输入组件 微信face表情组件
2019/02/11 Javascript
JavaScript实现简单随机点名器
2019/11/21 Javascript
js实现纯前端压缩图片
2020/11/16 Javascript
python海龟绘图实例教程
2014/07/24 Python
python通过文件头判断文件类型
2015/10/30 Python
Python获取指定文件夹下的文件名的方法
2018/02/06 Python
python实现多层感知器MLP(基于双月数据集)
2019/01/18 Python
python实现手机销售管理系统
2019/03/19 Python
Python列表倒序输出及其效率详解
2020/03/04 Python
Python文件操作模拟用户登陆代码实例
2020/06/09 Python
美国社交购物市场:MassGenie
2019/02/18 全球购物
Aeropostale官网:美国著名校园品牌及青少年服饰品牌
2019/03/21 全球购物
德国滑雪和户外用品网上商店:XSPO
2019/10/30 全球购物
工程预算与管理应届生求职信
2013/10/06 职场文书
会展中心部门工作职责
2013/11/27 职场文书
护理专科学生自荐书
2014/07/05 职场文书
小学安全汇报材料
2014/08/14 职场文书
2014学习优秀共产党员先进事迹材料思想汇报
2014/09/14 职场文书
离婚协议书的范本
2015/01/27 职场文书
边城读书笔记
2015/06/29 职场文书
Python OpenCV形态学运算示例详解
2022/04/07 Python