## innerHTML和innerText innerHTML包含子元素的标签名和空白内容. innerText不包含子元素的标签名,只显示内容. ## 设置 innerHTML: 设置的内容(包含标签)浏览器会进行解析并显示. innerText:设置的内容(包含标签)会直接显示在浏览器上,浏览器不会解析. ## textContent textContent和innerText是一样的,只是有的浏览器不支持. chrome 两个都支持. 新版火狐两个都支持,旧版的只支持textContent. IE9以上的两个都支持.旧版IE只支持innerText. ## 判断是否支持innerText ``` function getInnerText(idName) { var box = document.getElementById(idName); if (box.innerText == 'undefined') { console.log('cunzai') return box.innerText; } return box.textContent; } console.log(getInnerText('box')); ```