innerHTML,outerHTML,innerText,outerText 的区别？

 

<div id="div1"><span style="color:red;">我爱强强</span>我爱琴琴</div><br/>

1.innerHTML

结果为：<span style="color:red;">我爱强强</span>我爱琴琴

2.outerHTML

除了包含innerHTML的全部内容外，还包含标签

结果为：<div id="div1"><span style="color:red;">我爱强强</span>我爱琴琴</div>

3.innerText

结果为：我爱强强我爱琴琴

4.outerText

除了包含innerText的全部内容外，还包含包含标签

结果为：<span style="color:red;">我爱强强</span>我爱琴琴