书上是这样说的:
innerHTML 设置或获取位于对象起始和结束标签内的 HTML
outerHTML 设置或获取对象及其内容的 HTML 形式
innerText 设置或获取位于对象起始和结束标签内的文本
outerText 设置(包括标签)或获取(不包括标签)对象的文本
没有例子,你明白什么意思吗,反正我没明白,下面我们举例来说吧:
如:
原html为:
<div id="test"><span>替换前</span></div>
1.innerHTML
运行脚本:
<script type="text/javascript" lang="javascript">
document.getElementById('test').innerHTML = "<div>替换后</div>";
</script>
原来的html变为:
<div id="test"><div>替换后</div></div>
2.outerHTML
运行脚本:
<script type="text/javascript" lang="javascript">
document.getElementById('test').outerHTML = "<div>替换后</div>";
</script>
原html变为:
<div>替换后</div>
3.innerText
运行脚本:
<script type="text/javascript" lang="javascript">
document.getElementById('test').innerText= "<div>替换后</div>";
</script>
原html变为:
<div id="test">>div<替换后>/div<</div>
4.outerText
运行脚本:
<script type="text/javascript" lang="javascript">
document.getElementById('test').outerText= "<div>替换后</div>";
</script>
原html变为:
>div<替换后>/div<
不做实验不会明白什么意思,innerHTML和outHTML都是会将HTML标签一起读取或设置,但innerText和outerText在读取的时候会去掉HTML标签,设置的时候如果字符中包含HTML标签,将会作为特殊字符做替换处理。这就是这几个家伙的真正区别。
分享到:
相关推荐
html js innerHTML outerHTML innerText outerText 等的区别及实例汇总
innerHTML、outerHTML、innerText、outerText的用法与区别
本篇主要是对innerHTML,outerHTML,innerText,outerText的用法及区别进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
主要介绍了javascript innerHTML、outerHTML、innerText、outerText的区别,本文讲解了它们的功能、使用实例、和不同之处,需要的朋友可以参考下
document对象中有innerHTML、innerText这两个属性,都是获取document对象文本内容,但使用起来还是有区别的; 1) innerHTML设置或获取标签所包含的HTML+文本信息(从标签起始位置到终止位置全部内容,包括HTML标签,...
innerText属性和outerText属性在读取元素节点的文本内容时,得到的值是不一样的。它们的不同之处在于设置一个节点的文本属性时,outerText属性会使得原来的元素节点被文本节点替换掉。注意,innerText是非标准属性,...
我们常常需要使用另外一些对象的属性来实现动态改变其中的文本,它们就是:innerText,outerText,innerHTML,outerHTML,千万要注意它们的大小写,因为错一点您就得不到预期的效果了。
<a>innerHTML,innerText,outerHTML,outeterText <input type =button onclick =inner() value=inner /> <input type =button onclick =outer() value=outer /> js源码如下: function...
textContent,innerText,outerText,textNode.data工程化JS JS Regenerator运行时同步网络包 webpack打包形成的模块结果分析样式加载器,css加载器,较少加载器,URL加载器样式文件,图片文字文件处理摇树初步组件...
非常小巧实用的网页解析类,在delphi 10.2下编译通过,主要方法:getElementByid getElementsByTagName(aTag : string) getElementByTagNameAndFlag getElementsByClassName 标签主要属性:innerText , innerHTML ...
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_...
第 1 章 JavaScript 是什么...............................................1 3 1.1 历史简述..............................................1 1.2 JavaScript 实现................................................