使用jQuery解決IE與FireFox下createElement方法的差異
更新時(shí)間：2013年11月14日 09:17:48 作者：
使用jQuery解決IE與FireFox下createElement方法的差異。需要的朋友可以過來參考下，希望對(duì)大家有所幫助
當(dāng)我們需要?jiǎng)討B(tài)生成DOM對(duì)象的時(shí)候，會(huì)使用createElement的方法創(chuàng)建。但是在IE和Firefox下，createElement方法是有差異的。
在 IE 中，可以使用以下兩種方式來創(chuàng)建一個(gè)元素：
1、document.createElement('table')
2、document.createElement('<table border="0">')
而在 Firefox 只支持：
document.createElement('table')
同時(shí)，如果添加屬性和事件的話，需要使用setAttribute方法
示例：
復(fù)制代碼 代碼如下:
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中createElement事件
- javascript createElement()創(chuàng)建input不能設(shè)置name屬性的解決方法
- Javascript createElement和innerHTML增加頁(yè)面元素的性能對(duì)比
- 動(dòng)態(tài)添加option及createElement使用示例
- 動(dòng)態(tài)的創(chuàng)建一個(gè)元素createElement及刪除一個(gè)元素
- js 用CreateElement動(dòng)態(tài)創(chuàng)建標(biāo)簽示例
- document.createElement()用法
- createElement和onclick
- 動(dòng)態(tài)加載js文件 document.createElement
- javascript中createElement的兩種創(chuàng)建方式
相關(guān)文章
jQuery實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊處心形漂浮的炫酷效果示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊處心形漂浮的炫酷效果,涉及jQuery事件響應(yīng)及頁(yè)面元素屬性動(dòng)態(tài)變換相關(guān)操作技巧,需要的朋友可以參考下2018-04-04
這篇文章主要介紹了jQuery中$.extend()用法,實(shí)例分析了extend()方法的功能、定義及相關(guān)的使用技巧,需要的朋友可以參考下2015-06-06
Ext.get() 和 Ext.query()組合使用實(shí)現(xiàn)最靈活的取元素方式
想要利用ExtJS的庫(kù)函數(shù)對(duì)DOM進(jìn)行各類操作，就要得到Element類型的對(duì)象，但是Ext.get()取到的雖然是Element，但是參數(shù)只能是id，如果大家對(duì)jQuery的selector方式很喜歡和崇拜，那么就一定要學(xué)習(xí)Ext.get()和Ext.query()的組合方式。2011-09-09
基于BootStrap環(huán)境寫jQuery tabs插件
這篇文章主要介紹了基于BootStrap環(huán)境寫jQuery tabs插件的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-07-07
這篇文章主要介紹了jQuery實(shí)現(xiàn)的瀑布流加載效果,結(jié)合實(shí)例形式分析了jQuery基于數(shù)學(xué)運(yùn)算與事件響應(yīng)實(shí)現(xiàn)頁(yè)面瀑布流加載的功能,需要的朋友可以參考下2016-09-09
jQuery實(shí)現(xiàn)的監(jiān)聽導(dǎo)航滾動(dòng)置頂狀態(tài)功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的監(jiān)聽導(dǎo)航滾動(dòng)置頂狀態(tài)功能,涉及基于jQuery的事件響應(yīng)及狀態(tài)監(jiān)聽等相關(guān)操作技巧,需要的朋友可以參考下2018-07-07
這篇文章分別介紹了Jquery框架easyui判斷輸入密碼兩次是否相等，以及使用jQuery.validate驗(yàn)證表單中兩次密碼是否一致的問題，需要的朋友可以參考下2015-12-12
這篇文章主要介紹了jQuery實(shí)現(xiàn)友好的輪播圖片特效的方法及代碼分享,需要的朋友可以參考下2015-01-01
利用JQuery+EasyDrag 實(shí)現(xiàn)彈出可拖動(dòng)的Div，同時(shí)向Div傳值，然后返回Div選中的值
JQuery是一個(gè)優(yōu)秀的Javascript類庫(kù)，使得我們?cè)?jīng)對(duì)JavaScript的痛恨不再，越來越喜歡上了JavaScript，而且更好的是他的plugin眾多.2009-10-10
jQueryUI如何自定義組件實(shí)現(xiàn)代碼
第一次自定義jQueryUI Widget 又是第一次，現(xiàn)在的感受是jQueryUI Widget能讓你代碼組織得更好,風(fēng)格更一致。2010-11-11