你不知道的outerText,innerText 区别说明

首先，看我们的html定义

    

 

js源码如下:

    function inner()

    {

        var html= document.getElementById("diva").innerHTML;

        var text=document.getElementById("diva").outerHTML;

        alert(html);//显示内容不包含

,截图如下所示

 

        alert(text);//显示内容包含

 

    }

    function outer()

    {

        document.getElementById("div1").innerText="innerText";//将div1包含的内容替换为innerText

        var oHtml= document.getElementById("diva").innerText;

        var text=document.getElementById("diva").outerHTML;

        alert(oHtml+text);//显示结果如下图

        

        document.getElementById("div1").outerText="outerText";//将

和div包含的内容替换为outerText

        var oText = document.getElementById("diva").outerText;

        var text=document.getElementById("diva").outerHTML;

        alert(oText+text);//显示结果如下图

　　　　 

    }

 

 注意:innerText,outerText在取值的时候没有区别，赋值的时候不一样

但是innerHTML和innerText在取值的时候也是不一样的