innerHTML、innerText 和 outerHTML 的区别

eg:

<a οnclick="function(){alert(this.innerHTML)}"><span>test</span></a>     

 result：<span>test</span>

==============================================================

<a οnclick="function(){alert(this.innerText)}"><span>test</span></a>    

result：test

==============================================================

<a οnclick="function(){alert(this.outerHTML)}"><span>test</span></a>  

result：<a οnclick="function(){alert(this.outerHTML)}"><span>test</span></a>

==============================================================

说明:

test.innerHTML: 

　　也就是从对象的起始位置到终止位置的全部内容,包括Html标签。 
test.innerText:  
　　从起始位置到终止位置的内容, 但它去除Html标签 
test.outerHTML:  
　　除了包含innerHTML的全部内容外, 还包含对象标签本身。