innerHTML 设置或获取位于对象起始和结束标签内的 HTML
2014-04-12 16:46
197 查看
今天面试又看到这样的题了,总结下供大家参考:
概念性问题
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设置包括标签在内的文本。
相关文章推荐
- io.innerHTML="<i><u>设置或获取位于对象起始和结束标签内的 HTML.</u></i>";
- js方法中获取开始标签和结束标签中间插入内容的方式(innerHTML/html())
- jQuery .html()用为读取和修改元素的HTML标签 对应js中的innerHTML[通过ID获取元素]
- javascript 获取选择文本的光标起始地址和结束地址(仅针对<input>标签定义的单行文本)
- 核心DOM获取<html>和<body>标签对象
- document.querySelector获取不到html标签对象实例的原因
- html5 video 监听播放结束. 最好获取html标签而不是id。
- js使用html()或text()方法获取设置p标签的显示的值
- jquery中html()或text()方法获取或设置p标签的值
- html获取当前对象this的标签
- 生成二维码 加密解密类 TABLE转换成实体、TABLE转换成实体集合(可转换成对象和值类型) COOKIE帮助类 数据类型转换 截取字符串 根据IP获取地点 生成随机字符 UNIX时间转换为DATETIME\DATETIME转换为UNIXTIME 是否包含中文 生成秘钥方式之一 计算某一年 某一周 的起始时间和结束时间
- [JQuery] jQuery选择器ID、CLASS、标签获取对象值、属性、设置css样式
- js 通过html()及text()方法获取并设置p标签的显示值
- 工作总结 @Html 辅助方法 为 生成的 标签设置元素属性 htmlAttributes 一个对象,其中包含要为该元素设置的 HTML 特性。
- js使用html()或text()方法获取设置p标签的显示的值
- jQuery选择器ID、CLASS、标签获取对象值、属性、设置css样式
- 获取和设置HTML标签中的数据
- Jquery 获取指定标签的对象及属性的设置与移除
- Jquery 获取指定标签的对象及属性的设置与移除
- QTP的那些事---通过html标签的属性获取对象(类似onclick的属性)