inner/outerText和inner/outerHTML

innerText和innerHTML

innerText用来修改起始标签和结束标签之间的文本，如果文本中含有> <标记时，会原样显示标签：
oDiv.innerText = 'New text form the div. '
innerHTML可以直接给元素分配HTML字符串，而不需考虑使用DOM方法来创建元素。
oDiv.innerHTML= ' <strong>Hello </strong> <em>World </em>'
注：Mozilla仅支持innerHTML

outerText和outerHTML

这两个与前两个十分相似，只不过替换的是整个目标节点。例如，设置 <div/>的outerText，将删除标签本身并把它替换成文本节点，考虑下面这行代码：
oDiv.outerText= 'Hello world! '
第一行代码等同于下面一系列DOM操作：
var oText = document.createTextNode('Hello world!');
var oDivParent = oDiv.parentNode.
oDivParent.replaceChild(oText, oDiv);
outerText属性和innerText属性有个相同的规则，就是用相应的HTML实体替换所有的小于号、大于号、引号以及&号。
outerHTML允许以标签文本串替换整个目录节点。
获取某个元素内容时，innerText与outerText是一样的，但outerHTML与innerHTML不同的是，返回的串中包含了元素本身标签。
注：只有IE与Opera中才支持outerText与outerHTML属性