innerhtml和outerhtml的区别 purse和wallet区别
大家好,如果您还对innerhtml和outerhtml的区别不太了解,没有关系,今天就由本站为大家分享innerhtml和outerhtml的区别的知识,包括purse和wallet区别的问题都会给大家分析到,还望可以解决大家的问题,下面我们就开始吧!
innerHTML,innerText和outerHTML,outerText的区别
innerHTML,innerText和outerHTML,outerText的区别如下:
1)innerHTML设置或获取位于对象起始和结束标签内的 HTML内容
2)innerText设置或获取位于对象起始和结束标签内的文本
3)outerHTML设置或获取对象及其内容的 HTML形式
4)outerText设置(包括标签)或获取(不包括标签)对象的文本
重点强调指出:
innerHTML与outerHTML在设置对象的内容时包含的HTML会被解析,而innerText与outerText则不会。
在设置时,innerHTML与innerText仅设置标签内的文本,而outerHTML与outerText设置包括标签在内的文本。
举例说明,在html中有以下代码:
<p id="myid">Here is some<b>interesting</b> text</p>
分别使用innerHTML,innerText和outerHTML,outerText的取值结果如下:
document.all['myid'].innerHTML结果是:Here is some<b>interesting</b> text
document.all['myid'].innerText结果是:Here is some interesting text
document.all['myid'].outerHTML结果是:<p id="myid">Here is some<b>interesting</b> text</p>
document.all['myid'].outerText的结果是:Here is some interesting text
innerhtml和innertext的区别
document对象中有innerHTML、innerText这两个属性,都是获取document对象文本内容,但使用起来还是有区别的。扩展资料区别:
1、innerHTML设置或获取标签所包含的HTML+文本信息(从标签起始位置到终止位置全部内容包括HTML标签,但不包括自身)。
2、outerHTML设置或获取标签自身及其所包含的'HTML+文本信息(包括自身)。
3、innerText设置或获取标签所包含的文本信息(从标签起始位置到终止位置的内容,去除HTML标签,但不包括自身)。
4、outerText设置或获取标签自身及其所包含的文本信息(包括自身)。
JavaScript中innerText和innerHTML的区别
1、innerHTML:
也就是从对象的起始位置到终止位置的全部内容,包括Html标签。
2、innerText:
从起始位置到终止位置的内容,但它去除Html标签
举例:
<div id="test">
<span style="color:red">test1</span> test2
</div>
<a rel="external nofollow" href="javascript:alert(test.innerHTML)">innerHTML内容</a>
<a rel="external nofollow" href="javascript:alert(test.innerText)">inerHTML内容</a>
特别说明:
innerHTML是符合W3C标准的属性,而innerText只适用于IE浏览器,因此,尽可能地去使用innerHTML,而少用
innerText,如果要输出不含HTML标签的内容,可以使用innerHTML取得包含HTML标签的内容后,再用正则表达式去除HTML标签,下面是一个简单的符合W3C标准的示例:
<a rel="external nofollow" href="javascript:alert(document.getElementById('test').innerHTML.replace(/<.+?>/gim,''))">去除HTML标签后的文本</a>
好了,文章到这里就结束啦,如果本次分享的innerhtml和outerhtml的区别和purse和wallet区别问题对您有所帮助,还望关注下本站哦!