innerHTML和innerText

来源:互联网 发布:淘宝加热棒 编辑:程序博客网 时间:2024/06/04 19:22
<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标签删除,再将文本添加到页面(火狐不支持此方法,很少用到,知道就行)