innerHTML、outerHTML、innerText、outerText
2014-04-12 16:42
274 查看
今天面试又看到这样的题了,总结下供大家参考:
概念性问题
innerHTML 设置或获取位于对象起始和结束标签内的 HTML
outerHTML 设置或获取对象及其内容的 HTML 形式
innerText 设置或获取位于对象起始和结束标签内的文本
outerText 设置(包括标签)或获取(不包括标签)对象的文本
操作真想分析
[html] view plaincopy在CODE上查看代码片派生到我的代码片
<ul>
<li id="io">初期显示</li>
</ul>
io.innerHTML="<i><u>设置或获取位于对象起始和结束标签内的 HTML.</u></i>"; (以下为执行后结果)
[html] view plaincopy在CODE上查看代码片派生到我的代码片
<ul>
<li id="io"><i><u>设置或获取位于对象起始和结束标签内的 HTML.</u></i></li>
</ul>
其中的<i><u>标签将会被解析(页面不会显示<i><u>)
io.outerHTML="<i><u>设置或获取对象及其内容的 HTML 形式.</u></i>"; (以下为执行后结果)
[html] view plaincopy在CODE上查看代码片派生到我的代码片
<ul>
<i><u>设置或获取对象及其内容的 HTML 形式.</u></i>
</ul>
其中的<i><u>标签将会被解析(页面不会显示<i><u>)
io.innerText="<i><u>设置或获取位于对象起始和结束标签内的文本.</u></i>"; (以下为执行后结果)
[html] view plaincopy在CODE上查看代码片派生到我的代码片
<ul>
<li id="io">"<i><u>设置或获取位于对象起始和结束标签内的文本.</u></i>"</li>
</ul>
其中的<i><u>标签将不会被解析(页面会显示<i><u>)
io.outerText="<i><u>设置(包括标签)或获取(不包括标签)对象的文本.</u></i>";(以下为执行后结果)
[html] view plaincopy在CODE上查看代码片派生到我的代码片
<ul>
"<i><u>设置(包括标签)或获取(不包括标签)对象的文本.</u></i>"
</ul>
其中的<i><u>标签将不会被解析(页面会显示<i><u>)
以上使用不同点总结
innerHTML与outerHTML在设置对象的内容时包含的HTML会被解析,而innerText与outerText则不会。
innerHTML与innerText仅设置标签内的文本,而outerHTML与outerText设置包括标签在内的文本。
概念性问题
innerHTML 设置或获取位于对象起始和结束标签内的 HTML
outerHTML 设置或获取对象及其内容的 HTML 形式
innerText 设置或获取位于对象起始和结束标签内的文本
outerText 设置(包括标签)或获取(不包括标签)对象的文本
操作真想分析
[html] view plaincopy在CODE上查看代码片派生到我的代码片
<ul>
<li id="io">初期显示</li>
</ul>
io.innerHTML="<i><u>设置或获取位于对象起始和结束标签内的 HTML.</u></i>"; (以下为执行后结果)
[html] view plaincopy在CODE上查看代码片派生到我的代码片
<ul>
<li id="io"><i><u>设置或获取位于对象起始和结束标签内的 HTML.</u></i></li>
</ul>
其中的<i><u>标签将会被解析(页面不会显示<i><u>)
io.outerHTML="<i><u>设置或获取对象及其内容的 HTML 形式.</u></i>"; (以下为执行后结果)
[html] view plaincopy在CODE上查看代码片派生到我的代码片
<ul>
<i><u>设置或获取对象及其内容的 HTML 形式.</u></i>
</ul>
其中的<i><u>标签将会被解析(页面不会显示<i><u>)
io.innerText="<i><u>设置或获取位于对象起始和结束标签内的文本.</u></i>"; (以下为执行后结果)
[html] view plaincopy在CODE上查看代码片派生到我的代码片
<ul>
<li id="io">"<i><u>设置或获取位于对象起始和结束标签内的文本.</u></i>"</li>
</ul>
其中的<i><u>标签将不会被解析(页面会显示<i><u>)
io.outerText="<i><u>设置(包括标签)或获取(不包括标签)对象的文本.</u></i>";(以下为执行后结果)
[html] view plaincopy在CODE上查看代码片派生到我的代码片
<ul>
"<i><u>设置(包括标签)或获取(不包括标签)对象的文本.</u></i>"
</ul>
其中的<i><u>标签将不会被解析(页面会显示<i><u>)
以上使用不同点总结
innerHTML与outerHTML在设置对象的内容时包含的HTML会被解析,而innerText与outerText则不会。
innerHTML与innerText仅设置标签内的文本,而outerHTML与outerText设置包括标签在内的文本。
相关文章推荐
- Python动态类型的学习---引用的理解
- 土人系列AS入门教程 -- 对象篇
- javascript asp教程第十一课--Application 对象
- PHP程序员面试 切忌急功近利(更需要注重以后的发展)
- VBS教程:对象-正则表达式(RegExp)对象
- sql2008启动代理未将对象应用到实例解决方案
- asp提示Server 对象 错误 ASP 0178 : 80070005
- Javascript 对象的解释
- JavaScript对象、属性、事件手册集合方便查询
- JavaScript对象学习经验整理
- Javascript继承(上)――对象构建介绍
- asp页面提示Response 对象 错误 ASP 0156 : 80004005 HTTP 头错误
- JavaScript面象对象设计
- 通过event对象的fromElement属性解决热区设置主实体的一个bug
- 关于JavaScript对象的动态选择及遍历对象
- JavaScript 对象、函数和继承
- JavaScript的面向对象(二)
- 判断JavaScript对象是否可用的最正确方法分析
- Javascript的数组与字典用法与遍历对象的属性技巧
- Javascript中的Array数组对象详谈