day02- 小结：
<script> var box=document.getElementById('box'); console.log(getInnerText(box));//传参获取 setInnerText(box,"<h1>title</h1>"); //设置 //获取任意对象内部文本（兼容所有浏览器） function getInnerText(element) { if (typeof element.innerText==="string") { return element.innerText; }else{ return element.textContent; } } //设置任意对象内部文本（兼容所有浏览器） function setInnerText(element,content){ if (typeof element.innerText==="string") { element.innerText=content; }else{ element.textContent=content; } }01-innerText和innerHTML
<script> var box=document.getElementById('box'); console.log(getInnerText(box));//传参获取 setInnerText(box,"<h1>title</h1>"); //获取内部内容 //console.log(box.innerHTML);//获取内部的文本内容，html标签会被忽略 //console.log(box.textContent);//获取内部的文本内容 //textContent和innerText 谷歌浏览器 两个都支持 新版的ff 两个都支持 旧版的ff 只支持textContent 新版的ie 两个都支持 旧版的ie 只支持innerText //获取对象内部纯文本的属性进行兼容性的处理方法：。 /*代理检测方法很少用 能力检测常用（判断当前的浏览器是否支持当前的属性，方法） 如果当前对象box有inner属性（获取到的是字符串）判断数据类型，，如果没有就不是字符串，如果有就是字符串 */ /*if (typeof box.innerText==="string") { console.log(box.innerText); }else{ console.log(box.textContent); }*/ //获取任意对象（getInnerText)的内部文本（兼容所有浏览器） //可以传参element来获取任意对象 function getInnerText(element) { if (typeof element.innerText==="string") { return element.innerText; }else{ return element.textContent; } } //设置任意对象的内部文本setInnerText（兼容所有浏览器） function setInnerText(element,content){ if (typeof element.innerText==="string") { element.innerText=content; }else{ element.textContent=content; } } //设置内部内容 //box.innerHTML="aaa";//设置内部的html //box.innerText="bbb";//设置内部的文本 //box.innerHTML="<h1>title</h1>";//如果使符合标签规则的文本会变成标签 //box.innerText="<h1>title</h1>";//即使使符合标签规则的文本 也会变成文本 </script>