今天面试又看到这样的题了,总结下供大家参考:
概念性问题
innerHTML 设置或获取位于对象起始和结束标签内的 HTML
outerHTML 设置或获取对象及其内容的 HTML 形式
innerText 设置或获取位于对象起始和结束标签内的文本
outerText 设置(包括标签)或获取(不包括标签)对象的文本
操作真想分析
<ul>
<li id="io">初期显示</li>
</ul>
io.innerHTML="<i><u>设置或获取位于对象起始和结束标签内的 HTML.</u></i>"; (以下为执行后结果)
<ul>
<li id="io"><i><u>设置或获取位于对象起始和结束标签内的 HTML.</u></i></li>
</ul>
其中的<i><u>标签将会被解析(页面不会显示<i><u>)
io.outerHTML="<i><u>设置或获取对象及其内容的 HTML 形式.</u></i>"; (以下为执行后结果)
<ul>
<i><u>设置或获取对象及其内容的 HTML 形式.</u></i>
</ul>
其中的<i><u>标签将会被解析(页面不会显示<i><u>)
io.innerText="<i><u>设置或获取位于对象起始和结束标签内的文本.</u></i>"; (以下为执行后结果)
<ul>
<li id="io">"<i><u>设置或获取位于对象起始和结束标签内的文本.</u></i>"</li>
</ul>
其中的<i><u>标签将不会被解析(页面会显示<i><u>)
io.outerText="<i><u>设置(包括标签)或获取(不包括标签)对象的文本.</u></i>";(以下为执行后结果)
<ul>
"<i><u>设置(包括标签)或获取(不包括标签)对象的文本.</u></i>"
</ul>
其中的<i><u>标签将不会被解析(页面会显示<i><u>)
以上使用不同点总结
innerHTML与outerHTML在设置对象的内容时包含的HTML会被解析,而innerText与outerText则不会。
innerHTML与innerText仅设置标签内的文本,而outerHTML与outerText设置包括标签在内的文本。
注意:
innerHTML是符合W3C标准的属性,而innerText只适用于IE浏览器 。
分享到:
相关推荐
html js innerHTML outerHTML innerText outerText 等的区别及实例汇总
innerHTML、outerHTML、innerText、outerText的用法与区别.doc
主要介绍了javascript innerHTML、outerHTML、innerText、outerText的区别,本文讲解了它们的功能、使用实例、和不同之处,需要的朋友可以参考下
本篇主要是对innerHTML,outerHTML,innerText,outerText的用法及区别进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
document对象中有innerHTML、innerText这两个属性,都是获取document对象文本内容,但使用起来还是有区别的; 1) innerHTML设置或获取标签所包含的HTML+文本信息(从标签起始位置到终止位置全部内容,包括HTML标签,...
理解 outerText, innerText, innerHTML, outerHTML 的区别和使用场景 outerText, innerText, innerHTML, outerHTML 是 HTML 元素的四种不同的属性,它们之间有着细微的区别,理解它们的区别和使用场景对于前端...
innerText属性和outerText属性在读取元素节点的文本内容时,得到的值是不一样的。它们的不同之处在于设置一个节点的文本属性时,outerText属性会使得原来的元素节点被文本节点替换掉。注意,innerText是非标准属性,...
我们常常需要使用另外一些对象的属性来实现动态改变其中的文本,它们就是:innerText,outerText,innerHTML,outerHTML,千万要注意它们的大小写,因为错一点您就得不到预期的效果了。
非常小巧实用的网页解析类,在delphi 10.2下编译通过,主要方法:getElementByid getElementsByTagName(aTag : string) getElementByTagNameAndFlag getElementsByClassName 标签主要属性:innerText , innerHTML ...
textContent,innerText,outerText,textNode.data工程化JS JS Regenerator运行时同步网络包 webpack打包形成的模块结果分析样式加载器,css加载器,较少加载器,URL加载器样式文件,图片文字文件处理摇树初步组件...
Most users will only want to use the innerText/innerHTML and outerText/outerHTML properties and methods discussed previously. However, there is some more advanced text ...
innerText(IE)、textContent(FF)、innerHTML 26 outerText、outerHTML(少用) 26 value属性获取表单节点内容 26 (3) 访问节点的样式 27 使用节点对象的style属性对象改变样式 27 使用className设置...
//元素_取innerText,m_WebView为0将返回空。 el_GetouterText //元素_取outerText,m_WebView为0将返回空。 el_GetclassName //元素_取className,m_WebView为0将返回空。 el_GetouterHTML //元素_取outerHTML,m_...
//元素_取innerText,m_WebView为0将返回空。 el_GetouterText //元素_取outerText,m_WebView为0将返回空。 el_GetclassName //元素_取className,m_WebView为0将返回空。 el_GetouterHTML //元素_取outerHTML,m_...
21. innerText:设置或获取位于对象起始和结束标签内的文本。该属性控制 Select 元素的文本内容。 22. isContentEditable:获取表明用户是否可编辑对象内容的值。该属性控制 Select 元素的可编辑性。 23. is...
第 1 章 JavaScript 是什么...............................................1 3 1.1 历史简述..............................................1 1.2 JavaScript 实现................................................