有思俱乐部学习园地

兼容innerText与textContent


功能:兼容innerText与textContent


因为火狐不支持innerText,支持textContent,所以当浏览器不支持innerText的时候,给浏览器的全局HTMLElement设置兼容事件,让页面上所有的元素使用innerText事件兼容textContent事件
事例:

未使用UForm框架前
html:
<div id="div">aaaaaa</div>
js:
divtxt=document.getElementById("div");
 function setInnerText(element,txt) {
        if(element.textContent){//支持谷歌,火狐,IE8
            element.textContent=txt;
        }else{//不支持IE8浏览器
            element.innerText=txt;
        }
    }
setInnerText(divtxt,"bbbbbb");
使用UForm框架
html:
<div id="div">aaaaaa</div>
js:
$("#div")[0].innerText="bbbbbb";

用来测试的框:

innertext
注:$("#inner")[0]获取的是上面框的id

$("#inner")[0].innerHTML = "在这输入可改变上面框的内容"

返回结果

工作人员

 
作者:廖泽愈
信息录入:廖泽愈