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

首先，看我们的html定义 <div id="diva"> <div id="div1"> <a>innerHTML,innerText,outerHTML,outeterText</a> <input type ="button" onclick ="inner()" value="inner" /> <input type ="button" onclick ="outer()" value="outer" /> </div> </div> js源码如下: function inner() { var html= document.getElementById("diva").innerHTML; var text=document.getElementById("diva").outerHTML; alert(html);//显示内容不包含<div id="diva"></div>,截图如下所示 alert(text);//显示内容包含<div id="diva"></div> } 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 id="div1"></div>和div包含的内容替换为outerText var oText = document.getElementById("diva").outerText; var text=document.getElementById("diva").outerHTML; alert(oText+text);//显示结果如下图　　　　 } 注意:innerText,outerText在取值的时候没有区别，赋值的时候不一样但是innerHTML和innerText在取值的时候也是不一样的

还好，微软提供了这样一个代码： <meta http-equiv=”x-ua-compatible” content=”ie=7″ /> 把这段代码放到<head>里面，在ie8里面的页面解析起来就跟ie7一模一样的了，所以，基本上可以无>>>详细阅读

本文标题：你不知道的outerText,innerText 区别说明

地址：http://www.17bianji.com/kaifa2/CSS/16577.html

1/2 1