最近更新
阅读排行
关注本站

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
将本篇文章分享到:
top