outerhtml与innerhtml什么区别(innerhtml和html的区别)

innerHTML和outerHTML区别

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

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

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

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

????????v-text?和?v-html的区别：

?????????相同点：

?????????1.?都覆盖掉所在元素的子节点

?????????2.?都可以去渲染数据

?????????不同点：

?????????1.?text不能解析html标签

?????????2.?html可以解析html标签

????????new?Vue({

????????????el:'#app',

????????????data:{

????????????????name:"strong任涛/strong",

????????????????sex:"未知",

????????????????age:"18",

????????????????hobby:"王者峡谷"

????????????}

????????});

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 binteresting/b text/p

分别使用innerHTML，innerText和outerHTML，outerText的取值结果如下：

document.all['myid'].innerHTML结果是：Here is some binteresting/b text

document.all['myid'].innerText结果是：Here is some interesting text

document.all['myid'].outerHTML结果是：p id="myid"Here is some binteresting/b text/p

document.all['myid'].outerText的结果是：Here is some interesting text

innerHTML和outerHTML有什么区别

innerHTML: 属性设置或返回表格行的开始和结束标签之间的 HTML。（也就数说，用innerHTML的元素必须是标签对的形式，也就是input啥都输不出来）。

outerHTML: 设置或获取对象及其内容的 HTML 形式。（标签对，input输出本身）