首页技术innerhtml和outerhtml的区别 purse和wallet区别

innerhtml和outerhtml的区别 purse和wallet区别

编程之家2026-07-01797次浏览

大家好,如果您还对innerhtml和outerhtml的区别不太了解,没有关系,今天就由本站为大家分享innerhtml和outerhtml的区别的知识,包括purse和wallet区别的问题都会给大家分析到,还望可以解决大家的问题,下面我们就开始吧!

innerhtml和outerhtml的区别 purse和wallet区别

innerHTML,innerText和outerHTML,outerText的区别

innerHTML,innerText和outerHTML,outerText的区别如下:

1)innerHTML设置或获取位于对象起始和结束标签内的 HTML内容

2)innerText设置或获取位于对象起始和结束标签内的文本

3)outerHTML设置或获取对象及其内容的 HTML形式

4)outerText设置(包括标签)或获取(不包括标签)对象的文本

重点强调指出:

innerhtml和outerhtml的区别 purse和wallet区别

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

innerhtml和outerhtml的区别 purse和wallet区别

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区别问题对您有所帮助,还望关注下本站哦!

delete用法(delete的固定搭配和用法)51ppt模板免费下载官网(五一ppt课件免费下载)