innerHTML和innerText

<div id="study">
    <span>学习好累</span>
</div>

//js代码
var study=document.querySelector("#study");   //IE8+支持此方法
study.innerHTML="<b>睡觉吧</b>"   //结果:**睡觉吧**
study.innerText="<b>睡觉吧</b>"   //结果:<b>睡觉吧</b>
//innerText只能获取文本，innerHTML可以解析标签但只能设置body里面的标签，不能设置<style></style>等body外的标签，火狐低版本浏览器不支持innerText,可以用textContent代替。

study.outerText() ="写完就睡"    //会把包含着他的div标签删除，再将文本添加到页面（火狐不支持此方法，很少用到，知道就行）