javascript innerHTML、outerHTML、innerText、outerText
|
Ccoffee
2011年3月30日 10:7
本文热度 2881
|
[p]1、功能讲解: [br]innerhtml 设置或获取位于对象起始和结束标签内的 html [br]outerhtml 设置或获取对象及其内容的 html 形式 [br]innertext 设置或获取位于对象起始和结束标签内的文本 [br]outertext 设置(包括标签)或获取(不包括标签)对象的文本 [br]2、示例 [br] [br] [br]
demo [br] [br] [br] [br] [br]
[br]- innerhtml效果.
[br]- innertext效果.
[br]- outerhtml效果.
[br]- outertext效果.
[br]
[br] [br] [br]3、不同之处: [br]简单的说innerhtml和outerhtml、innertext与outertext的不同之处在于: [br]1)、innerhtml与outerhtml在设置对象的内容时包含的html会被解析,而innertext与outertext则不会。 [br]2)、在设置时,innerhtml与innertext仅设置标签内的文本,而outerhtml与outertext设置包括标签在内的文本。 [br][br]特别说明: [br] innerhtml是符合w3c标准的属性,而innertext只适用于ie浏览器,因此,尽可能地去使用innerhtml,而少用innertext,如果要输出不含html标签的内容,可以使用innerhtml取得包含html标签的内容后,再用[color=#ff0000]正则[/color]表达式去除html标签,下面是一个简单的符合w3c标准的示例: [br]
无html,符合w3c标准 [/p]
该文章在 2011/3/30 10:07:14 编辑过