innerHTML与innerText的用法与区别
阅读:4099 次 编辑日期:2013-11-19
目录:
概述:
在JavaScript中我们经常会把innerHTML、innerText、outerHTML三者搞混,今天我们来总结了解一下。以下面代码为例:
uw3c1uw3c2
innerHTML:
就是#uw3c内的全部内容,包括Html标签。
上例中的uw3c.innerHTML的值也就是:
uw3c1 uw3c2
innerText:
就是#uw3c内的全部内容,出去Html标签。
上例中的uw3c.innerText的值也就是“uw3c1 uw3c2”, 其中span标签去除了。
outerHTML:
就是#uw3c内的全部内容,包括Html标签, 还包含#uw3c本身。
上例中的uw3c.outerHTML的值也就是:
uw3c1 uw3c2