innertext属性（inner insert）

JavaScript中innerText和innerHTML的区别

innerHTML和innerText区别：innerHTML返回的是标签内的 html内容，包含html标签。innerText返回的是标签内的文本值，不包含html标签。

href=javascript：alert（test.innerHTML）innerHTML内容/a a href=javascript：alert（test.innerText）inerHTML内容/a 共同点：innerHTML和innerText都会把元素内内容替换掉。不同点：1，innerHTML：也就是从对象的起始位置到终止位置的全部内容，包括Html标签。

innerHTML指的是从对象的起始位置到终止位置的全部内容，包括Html标签。innerText 指的是从起始位置到终止位置的内容，但它去除Html标签。相当于它只获取文字内容。

输出是：获取p段的innerHTML进行测试 3．innerHTML和innerText的区别：InnerHTML返回标记内的HTML内容，其中包含HTML标记。InnerText返回标记内文本的值，而不是HTML标记的值。代码示例如下： p id = test font color = # 000 获得段落p / font 测试 / p 文档。

innerHTML：从对象的开始位置到终止位置的【全部内容】，包括Html标签。

上例中的test.innerHTML的值也就是“span style=color：redtest1/span test2 ”。test.innerText：从起始位置到终止位置的内容， 但它去除Html标签 上例中的text.innerTest的值也就是“test1 test2”， 其中span标签去除了。test.outerHTML：除了包含innerHTML的全部内容外， 还包含对象标签本身。

innerhtml和innertext的区别

值得注意的是，innerHTML是符合W3C标准的属性，而innerText只适用于IE浏览器，因此，尽可能地去使用innerHTML，而少用innerText，如果要输出不含HTML标签的内容，可以使用innerHTML取得包含HTML标签的内容后，再用正则表达式去除HTML标签。

innerHTML设置或获取标签所包含的HTML+文本信息（从标签起始位置到终止位置全部内容包括HTML标签，但不包括自身）。outerHTML设置或获取标签自身及其所包含的HTML+文本信息（包括自身）。innerText设置或获取标签所包含的文本信息（从标签起始位置到终止位置的内容，去除HTML标签，但不包括自身）。

innerHTML和innerText区别：innerHTML返回的是标签内的 html内容，包含html标签。innerText返回的是标签内的文本值，不包含html标签。

InnerText获取或设置指定元素标记内的文本的值，从元素标记的开始到元素标记的结束（不包括HTML标记）。获取元素的内容：element．innertext；元素设置：元素。innertext＝实现字符串；代码示例如下：获取p段的innerHTML测试 文档。getElementById（“测试”）。

innerText返回或者设置DOM元素的文本； innerHTML返回或者设置DOM元素的子元素 区别：取值时 innerText会把只会获取节点里面的文本信息，而innerHTML 会获取节点下面的所有标签。

简单说一下业务场景，前台用户通过input输入内容，在离开焦点时，将内容在div中显示。这时遇到一个问题，如果用户输入了html标签，则在div显示中，标签被解析。由于是纯前端操作，不涉及后端，因此需要通过js对输入内容进行转义。