2008年(4)
分类: 系统运维
2008-03-04 15:49:50
书上是这样说的:
innerHTML 设置或获取位于对象起始和结束标签内的 HTML
outerHTML 设置或获取对象及其内容的 HTML 形式
innerText 设置或获取位于对象起始和结束标签内的文本
outerText 设置(包括标签)或获取(不包括标签)对象的文本
没有例子,你明白什么意思吗,反正我没明白,下面我们举例来说吧:
如:
原html为:
1.innerHTML
运行脚本:
document.getElementById('test').innerHTML = "
原来的html变为:
2.outerHTML
运行脚本:
document.getElementById('test').outerHTML = "
原html变为:
3.innerText
运行脚本:
document.getElementById('test').innerText= "
原html变为:
4.outerText
运行脚本:
document.getElementById('test').outerText= "
原html变为:
>div<替换后>/div<
不做实验不会明白什么意思,innerHTML和outHTML都是会将HTML标签一起读取或设置,但innerText和outerText在读取的时候会去掉HTML标签,设置的时候如果字符中包含HTML标签,将会作为特殊字符做替换处理。这就是这几个家伙的真正区别。