使用jQuery解决IE与FireFox下createElement方法的差异
内容摘要
当我们需要动态生成DOM对象的时候,会使用createElement的方法创建。但是在IE和Firefox下,createElement方法是有差异的。
在 IE 中,可以使用以下两种方式来创建一个元素:
1、doc
在 IE 中,可以使用以下两种方式来创建一个元素:
1、doc
文章正文
当我们需要动态生成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{
}
代码注释