firefox 中 innerText,innerHTML,textContent

innerText和innerHTML在IE中能正常工作,但是innerText在FireFox中卻不行.
爲什麼呢?因爲這兩個屬性都不是DHTML標準。
那爲什麼innerHTML在FF中可以呢?因爲這個東西用得多了就成了事實的標準,而FF支持很多事實上的標準。
但是很可惜不支持innerText。
如何做呢?經過一翻較量,和查看FF的javascript console最終網上找到如下代碼:

if(navigator.appName.indexOf("Explorer") > -1){    document.getElementById(''element'').innerText = "my text";} else{    document.getElementById(''element'').textContent = "my text";}試驗可行。。。

解決方法二:

document.all?oTable.rows[i].cells[2].innerText:oTable.rows[i].cells[2].textContent或者

length=oTable.rows[2].cells[2].innerText?oTable.rows[2].cells[2].innerText:oTable.rows[2].cells[2].textContent

解決方法三:

<script type="text/javascript">
var lBrowser = {};
lBrowser.agt = navigator.userAgent.toLowerCase();
lBrowser.isW3C = document.getElementById ? true:false;
lBrowser.isIE = ((lBrowser.agt.indexOf("msie") != -1) && (lBrowser.agt.indexOf("opera") == -1) && (lBrowser.agt.indexOf("omniweb") == -1));
lBrowser.isNS6 = lBrowser.isW3C && (navigator.appName=="Netscape") ;
lBrowser.isOpera = lBrowser.agt.indexOf("opera") != -1;
lBrowser.isGecko = lBrowser.agt.indexOf("gecko") != -1;
lBrowser.ieTrueBody =function (){
  return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
};

//爲Firefox下的DOM對象增加innerText屬性
if(lBrowser.isNS6){ //firefox innerText define
 HTMLElement.prototype.__defineGetter__( "innerText",
 function(){
 return this.textContent;
 }
 );
 HTMLElement.prototype.__defineSetter__( "innerText",
 function(sText){
 this.textContent=sText;
 }
 );
}

alert(lBrowser.isNS6);
</script>


文章出處:DIY部落(http://www.diybl.com/course/1_web/html/htmlshl/200855/114062.html)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章