innerText 和outerText 的区别
<html><head><title>A test for innerText, outerText method</title><script language='javascript'><!--function getInnerText(objectID){ var divTextObject=document.getElementById(objectID); if(!divTextObject){ alert("innerText(): The "+objectID+" not found."); }else{ alert("innerText(): "+divTextObject.innerText); }}function getOuterText(objectID){ var divTextObject=document.getElementById(objectID); if(!divTextObject){ alert("outerText(): The "+objectID+" not found."); }else{ alert("outerText(): "+divTextObject.innerText); }}function getInnerHTML(objectID){ var divTextObject=document.getElementById(objectID); if(!divTextObject){ alert("innerHTML(): The "+objectID+" not found."); }else{ alert("innerHTML(): "+divTextObject.innerHTML); }}function getOuterHTML(objectID){ var divTextObject=document.getElementById(objectID); if(!divTextObject){ alert("outerHTML(): The "+objectID+" not found."); }else{ alert("outerHTML(): "+divTextObject.outerHTML); }}/**********************************************************************************/var textValue="Hellin love Linda for ever."var htmlValue="<span> Hellin <button>love Linda </button></span>for ever.";function change_outerHTML(objectID){ var divTextObject=document.getElementById(objectID); if(!divTextObject){ alert("outerHTML(): The "+objectID+" not found."); }else{ divTextObject.outerHTML=htmlValue; }}function change_innerHTML(objectID){ var divTextObject=document.getElementById(objectID); if(!divTextObject){ alert("innerHTML(): The "+objectID+" not found."); }else{ divTextObject.innerHTML=htmlValue; }}function change_outerText(objectID){ var divTextObject=document.getElementById(objectID); if(!divTextObject){ alert("outerText(): The "+objectID+" not found."); }else{ divTextObject.outerText=textValue; }}function change_innerText(objectID){ var divTextObject=document.getElementById(objectID); if(!divTextObject){ alert("innerText(): The "+objectID+" not found."); }else{ divTextObject.innerText=textValue; }}--></script></head><body><p><div id='divText' >Hello, <button>Hellin Zhang</button></div></p><br/><input name="testButton" value="innerHTML" type="button" OnClick="getInnerHTML('divText');"> <input name="testButton" value="outerHTML" type="button" OnClick="getOuterHTML('divText');"> <input name="testButton" value="innerText" type="button" OnClick="getInnerText('divText');"> <input name="testButton" value="outerText" type="button" OnClick="getOuterText('divText');"> <br/><br/><br/><br/><input name="testButton" value="change_innerHTML" type="button" OnClick="change_innerHTML('divText');"> <input name="testButton" value="change_outerHTML" type="button" OnClick="change_outerHTML('divText');"> <br/><input name="testButton" value="change_innerText" type="button" OnClick="change_innerText('divText');"> <input name="testButton" value="change_outerText" type="button" OnClick="change_outerText('divText');"> </body></html>??
请您先下载运行并参考作者写的例子.
<div id='divText' >Hello, <button>Hellin Zhang</button></div>
?outerText:
当您调用?如果你执行执行?innerText
只能工作在?当您写即你执行?换句话说, inner操作的是tag内部的对象, outer?同理?
注意: W3C?只支持innerHTML.?其他都是微软的规定.(outerHTML,outerText,innerText只有微软的IE?好使,?其他浏览器不好用(firefox, mozilla等),必须用其他方法实现)