当前位置: 首页 > 图文教程 > 网络编程 > Javascript > textContent在Firefox下与innerText等效的属性

Javascript
javascript格式化日期时间函数
javascript新手语法小结
javascript基本语法分析说明
JS弹出居中的DIV的代码
js退出弹窗代码集合
很酷的javascript loading效果代码
css+js实现select列表横向排列效果代码
非常不错的弹出一个div的js代码
javascript 24点游戏代码
javascript下用ActiveXObject控件替换word书签,将内容导出到word后打印
js innerHTML 的一些问题的解决方法
javascript 三组文字间隙滚动实例代码
JavaScript在IE和Firefox上的差异及相互替代的实现方法
asp批量修改记录的代码
js异或加解密效果代码
getElementByID、createElement、appendChild几个DHTML元素
js代码解密代码
JS解密入门之凭直觉解
JS解密入门 最终变量劫持
教你如何解密js/vbs/vbscript加密的编码异处理小结

Javascript 中的 textContent在Firefox下与innerText等效的属性


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 215 ::
收藏到网摘: n/a

在IE和Opear下,DOM对象支持innerText属性,可以很方便的去除HTML标签。
但在Firefox不支持该属性,好在FF下的DOM对象支持textContent,该属性与innerText等效。
演示实例:
<p id="TestObj">Hi,I'm <strong>cnlei</strong>.Welcome to my homepage:<a href="http://www.cnlei.com">http://www.cnlei.com</a>.</p>
<script type="text/javascript">
function getInnerText(obj){
return document.all?obj.innerText:obj.textContent;
}
var str = getInnerText(document.getElementById("TestObj"));
alert(str);
</script>
为Firefox下的DOM对象增加innerText属性:
<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>
附录 DOM Reference:
Firefox DOM参考:http://www.mozilla.org/docs/dom/domref/dom_shortTOC.html
IE DOM参考:
http://msdn2.microsoft.com/en-us/library/ms533050.aspx