innerHTML和innerText区别

1. innerHTML可以获取标签及内容； innerText只能获取内容。

2. firefox不兼容innertText。（ff使用textContent）

3. 在设置内容时：innerHTML能识别标签，而innerText会对标签进行转义。

例：

源代码：<div class="div1" id="div1">    <p>222</p></div><div id="div2"></div>

var myText = document.getElementById("div2");myText.innerText = document.getElementById("div1").innerHTML;/*调试器中代码结构（Elements）：<div id="div2">    <br>    "  <p>222</p>"    </br></div>*/

var myText = document.getElementById("div2");myText.innerHTML = document.getElementById("div1").innerHTML;/*调试器中代码结构（Elements）：<div id="div2">    <p>222</p></div>*/

1.document.body.innerHTML = "<p>hi</p>"；浏览器显示： hi2.document.body.innerText = "<p>hi</p>"；浏览器显示： <p>hi</p>