innerHTML

innerHTML/innerText/outerHTML/outerText的大小写一定要注意，不能写错。

举例：<div id="t">abc<span>123</span>ABC</div>

返回：document.getElementByIdx_x_x_x_x_x_x("t").;

(W3C标准，多用) innerHTML：abc<span>123</span>ABC

（适用IE，少用）innerText：abc123ABC

outerHTML：<div id="t">abc<span>123</span>ABC</div>

outerText:abc123ABC

设置：

document.getElementByIdx_x_x_x_x_x_x("t').;

innerText设置为<span>v</span>

innerHTML=&lt;span&gt;v=&lt;span&gt;

innerText=<span>v</span>

outerText=<span>v</span>

outerHTML=<div>=&lt;span&gt;v=&lt;span&gt;</div>

innerHTML设置的内容就是标签之间的内容，div标签还在,会把标签当标签

outerHTML设置之后，原来的id为t的div标签就不存在了，所以无法用alert弹出t的任何内容了,会把标签当标签

outerText设置：会替换掉包含所指定的标签在内的所有内容，并把替换的内容都当做文本，即使你写<span>,也会当成文本的

innerText和outerText在取值的时候一样，在赋值的时候不同

innerText赋值就是将div标签内的所有内容（包含span标签），都替换掉

outerText赋值就是将连div标签在内的所有内容（包含div和span）都替换掉，如果替换成了<span id='a'>v</span>,会把<span id='a'>v</span>都当做文本来处理的，而不认为是span标签，所以无论你alert   id为t或者a的元素都没有值

 

outerText和outerHTML区别：

设置：outerText设置的内容都会被认为是文本，标签也认为是文本

      outerHTML设置的内容如果有标签，则认为是标签

返回：outerText返回的是标签内的文本，不包括标签内的其它标签

      outerHTML返回的是包含标签在内的所有内容

outerText和outerHTML的相同点：

设置：设置的内容会覆盖包含标签在内的所有内容

 

innerText和innerHTML的区别：

返回：innerText返回的是标签内的所有文本，不包括标签内的其它标签

      innerHTML返回的是标签内的所有内容，包括标签内的其它标签

设置：innerText设置的内容都会被认为是文本，标签也认为是文本

      innerHTML设置的内容如果有标签，则认为是标签

 

本质：

inner作用的范围：标签之内的范围，不包括标签本身

outer作用的范围：包含标签在内的所有内容

 

Text：返回的只是文本，设置的内容也都会被认为是文本

HTML：返回的包含标签，设置的内容如果有其它标签，也会被认为是标签