innerText, innerHTML, outerHTML 三者的区别

<div   id="oDiv"><b>baobao</b></div>  
   
  <script>  
  alert("innerHTML:"   +   oDiv.innerHTML   +   "\n"   +   "outerHTML:"   +   oDiv.outerHTML);  
  </script>  
   
  innerText:   baobao  
  innerHTML:   <b>baobao</b>  
  outerHTML:   <div   id="oDiv"><b>baobao</b></div>  
   
  应该可以看出它们的区别:  
  innerText取的是纯文本,不含HTML代码.  
  innerHTML取的是元素内的代码,含HTML代码.  
  outerHTML取的是元素的全部代码.