outerhtml和innerhtml（innerHTML和outerHTML有什么区别）

本文目录

• innerHTML和outerHTML有什么区别
• JavaScript中innerHTML，innerText，outerHTML的用法及区别
• innerHTML，innerText和outerHTML，outerText的区别
• innerHTML和outerHTML的区别是什么
• 谁能解释下“innerHtml和innerText”

innerHTML和outerHTML有什么区别

一、区别：
1）innerHTML:
　　从对象的起始位置到终止位置的全部内容,不包括Html标签。
2）outerHTML:
　　除了包含innerHTML的全部内容外, 还包含对象标签本身。
二、例子：
《div id="test"》
《span style="color:red"》test1《/span》 test2
《/div》
1）innerHTML的值是“《span style="color:red"》test1《/span》 test2 ”
2）outerHTML的值是《div id="test"》《span style="color:red"》test1《/span》 test2《/div》

JavaScript中innerHTML，innerText，outerHTML的用法及区别

不废话了，请看下文示例介绍。
用法：
《div
id="test"》
《span
style="color:red"》test1《/span》
test2
《/div》
在JS中可以使用：
test.innerHTML:
　　也就是从对象的起始位置到终止位置的全部内容,包括Html标签。
　　上例中的test.innerHTML的值也就是“《span
style="color:red"》test1《/span》
test2
”。
test.innerText:
　　从起始位置到终止位置的内容,
但它去除Html标签
　　上例中的text.innerTest的值也就是“test1
test2”,
其中span标签去除了。
test.outerHTML:
　　除了包含innerHTML的全部内容外,
还包含对象标签本身。
　　上例中的text.outerHTML的值也就是
《div
id="test"》《span
style="color:red"》test1《/span》
test2《/div》
完整示例：
《div
id="test"》
《span
style="color:red"》test1《/span》
test2
《/div》
《a
href="javascript:alert(test.innerHTML)"》innerHTML内容《/a》
《a
href="javascript:alert(test.innerText)"》inerHTML内容《/a》
《a
href="javascript:alert(test.outerHTML)"》outerHTML内容《/a》
特别说明：
　　innerHTML是符合W3C标准的属性，而innerText只适用于IE浏览器，因此，尽可能地去使用innerHTML，而少用innerText，如果要输出不含HTML标签的内容，可以使用innerHTML取得包含HTML标签的内容后，再用正则表达式去除HTML标签，下面是一个简单的符合W3C标准的示例：
《a
href="javascript:alert(document.getElementById(’test’).innerHTML.replace(/《.+?》/gim,’’))"》无HTML,符合W3C标准《/a》
innerHTML和innerText如何区分？
示例代码：
《div
id="test"》
《span
style="color:red"》test1《/span》
test2
《/div》
《a
href="javascript:alert(test.innerHTML)"》innerHTML内容《/a》
《a
href="javascript:alert(test.innerText)"》inerHTML内容《/a》
共同点：innerHTML和innerText都会把元素内内容替换掉。
不同点：
1，innerHTML:
　　也就是从对象的起始位置到终止位置的全部内容,包括Html标签。
　　上例中的test.innerHTML的值也就是“《span
style="color:red"》test1《/span》
test2
”。
2，innerText:
　　从起始位置到终止位置的内容,
但它去除Html标签
　　上例中的text.innerTest的值也就是“test1
test2”,
其中span标签去除了。
值得注意的是，innerHTML是符合W3C标准的属性，而innerText只适用于IE浏览器，因此，尽可能地去使用innerHTML，而少用innerText，如果要输出不含HTML标签的内容，可以使用innerHTML取得包含HTML标签的内容后，再用正则表达式去除HTML标签。
以上就是介绍JavaScript中innerHTML，innerText，outerHTML的用法及区别，希望大家喜欢。

innerHTML，innerText和outerHTML，outerText的区别

举个例子来说吧。 内容 使用这几个来获取上面div的内容的话，区别如下： innerHTML: 内容，带有html标签 innerText: 内容 不带html标签 outerHTML: 内容 outerText: 获取元素跟innterText是一样的。 使用这几个来改变某个元素的内容 innerHTML="...

innerHTML和outerHTML的区别是什么

1、js中innerHTML的含义：

InnerHTML获取或设置指定元素标记内的HTML内容，从元素标记的开始到元素标记的结束（包括HTML标记）。

获取元素的内容：

元素设置：元素。innerhtml＝htmlString；

代码示例如下：

得到了innerHTML

段p

文档。getelementbyid（“test”）。innerHTML

获取p段的innerHTML

2、js中innerText的含义：

InnerText获取或设置指定元素标记内的文本的值，从元素标记的开始到元素标记的结束（不包括HTML标记）。

获取元素的内容：element．innertext；元素设置：元素。innertext＝实现字符串；

代码示例如下：

获取p段的innerHTML测试

文档。getElementById（“测试”）。InnerHTML

输出是：获取p段的innerHTML进行测试

3．innerHTML和innerText的区别：

InnerHTML返回标记内的HTML内容，其中包含HTML标记。

InnerText返回标记内文本的值，而不是HTML标记的值。

代码示例如下：

《 p id = "test" 》 《 font color = "# 000" 》获得段落p 《 / font 》测试《 / p 》

文档。getelementbyid（“test”）。innerHTML

输出：获取p段测试

文档：getelementbyid（“test”）。innerText

输出是：得到p段测试

扩展资料：

InnerHTML是对象从头到尾的内容，包括Html标记。

InnerText是指从源文件的开始到结束的内容，但是它删除了Html标记。

另外所有浏览器都支持innerHTML，Internetexplorer和chrome支持innerText，而Firefox不支持。

事实上，innerHTML是W3C规定的属性；innerText属性是IE浏览器自己的属性，但是以后的浏览器只部分实现了这个属性。

谁能解释下“innerHtml和innerText”

innerText，outerText，innerHTML，outerHTML
这次我们要使用另一些对象属性对来实现动态改变文本，它们就是：innerText，outerText，innerHTML，outerHTML，千万要注意它们的大小写，因为错一点您就得不到预期的效果了。
innerText属性用来定义对象所要输出的文本，在本例中innerText把对象DT中的文本“您好吗?”变成了“我很好!”（语句DT.innerText="我很好!"）。而对对象DH的改变用了innerHTML属性，它除了有innerText的作用外，还可改变对象DH内部的HTML语句，于是它把文本变成了“我姓肖!”，而且文本输出改成了斜体（）并下加一条直线（），即语句DH.innerHTML="我姓肖!"。outerText和outerHTML也具有类似的作用