兼容性封装01--innerText和textContent属性

区别

innerText属性:是最早微软给ie浏览器定义的属性,后来被所有浏览器使用,其中有一个版本的火狐不能使用。
textContent属性:后出来的属性,功能和innerText是一样,所有的高级浏览器能使用,ie低版本不能使用。

• 解决方案:让所有高级浏览器使用textContent,ie低版本用innerText。
• 兼容性: 兼容ie低版本

高级浏览器: chrome firefox ie9及以上
低版本浏览器: ie 6 7 8

案例说明

css部分：

.box{
   
	width: 500px;
	height: 200px;
	background-color: #32CD32;
	border: 1px solid #fff;
}

html 部分：

<button class="btn"<