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属性

你可能感兴趣的:(html,IE,Opera)