textContent在Firefox下与innerText等效的属性

2018-10-15 18:06

阅读:761

在IE和Opear下,DOM对象支持innerText属性,可以很方便的去除HTML标签。
但在Firefox不支持该属性,好在FF下的DOM对象支持textContent,该属性与innerText等效。

演示实例:
<pid=TestObj>Hi,Im<strong>cnlei</strong>.Welcometomyhomepage:<ahref=
<scripttype=text/javascript>
functiongetInnerText(obj){
}
varstr=getInnerText(document.getElementById(TestObj));
alert(str);
</script>

为Firefox下的DOM对象增加innerText属性:
<scripttype=text/javascript>
varlBrowser={};
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(){
};

//为Firefox下的DOM对象增加innerText属性
if(lBrowser.isNS6){//firefoxinnerTextdefine
HTMLElement.prototype.__defineGetter__(innerText,
function(){
returnthis.textContent;
}
);
HTMLElement.prototype.__defineSetter__(innerText,
function(sText){
this.textContent=sText;
}
);
}

alert(lBrowser.isNS6);
</script>

附录DOMReference:
FirefoxDOM参考:
IEDOM参考:


评论


亲,登录后才可以留言!