使用jQuery解决IE与FireFox下createElement方法的差异

前端技术 2023/09/07 JavaScript

当我们需要动态生成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{

 }

本文地址：https://www.stayed.cn/item/18709

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案