innerHTML与innerText用法

用法

<div id="test">
   <span style="color:red">test1</span> test2
</div>
test.innerHTML: 也就是从对象的起始位置到终止位置的全部内容,包括Html标签
                       像例中也就是<span style="color:red">test1</span> test2

test.innerText: 从起始位置到终止位置的内容, 但它去除Html标签
                      像例中也就是test1 test2, 其中span标签去除了

test.outerHTML: 除了包含innerHTML的全部内容外, 还包含对象标签本身
                      像例中也就是<div id="test"><span style="color:red">test1</span> test2</div>