value，innerHTML，innerText，outerHTML，outerText之间的区别

1）、innerHTML与outerHTML在设置对象的内容时包含的HTML会被解析，而innerText与outerText则不会。 

2)、在设置时，innerHTML与innerText仅设置标签内的文本，而outerHTML与outerText设置包括标签在内的文本。

3)、value的话，value属性设置或者是返回文本域的值。

特别说明： 
　　innerHTML是符合W3C标准的属性，而innerText、outerText、outerHTML只适用于IE浏览器，因此，尽可能地去使用innerHTML，而少用innerText，如果要输出不含HTML标签的内容，可以使用innerHTML取得包含HTML标签的内容后，再用正则表达式去除HTML标签，下面是一个简单的符合W3C标准的示例： 
<a href="javas

cript:alert(document.getElementById('test').innerHTML.replace(/<.+?>/gim,''))">无HTML,符合W3C标准</a> 

详细出处参考：http://jhxk.javaeye.com/blog/353309

代码练习：(ie生效，ff中只有innerHTML是对的)

1. <script   type="text/javascript">        
2. function   getinnerHTML()        
3. {        
4. var   e=window.document.getElementById("testdiv");        
5. alert(e.innerHTML);      //<p>白云</p>  
6. }        
7. function   getouterHTML()        
8. {        
9. var   e=window.document.getElementById("testdiv");        
10. alert(e.outerHTML);      //<div id="testdiv"><p>白云</p></div>  
11. }    
12. function   getinnerText()        
13. {        
14. var   e=window.document.getElementById("testdiv");        
15. alert(e.innerText);      //白云  
16. }   
17. function   getouterText()        
18. {        
19. var   e=window.document.getElementById("testdiv");        
20. alert(e.outerText);      //白云  
21. }       
22. </script>        
23.   
24. <div id="testdiv"><p>白云</p></div>  
25. <p>        
26.     <input   type="button"   name="Submit2"   value="innerHTML"   onClick="getinnerHTML()">        
27.     <input   type="button"   name="Submit"     value="outerHTML"   onClick="getouterHTML()">   
28.     <input   type="button"   name="Submit2"   value="innerHTML"   onClick="getinnerText() ">        
29.     <input   type="button"   name="Submit2"   value="innerHTML"   onClick="getouterText()">             
30. </p>