innerHTML、innerText 和 outerHTML 区别

innerHTML：可获取或设置指定元素标签内的 html 内容，从该元素的起始标签到结束标签之间全部内容(包含html标签)。

innerText：可获取或设置指定元素标签内的文本值，从该元素的起始标签到结束标签之间的全部文本内容(不包含html标签)。

outerHTML：除了包含 innerHTML 的全部内容外, 还包含元素标签本身。

例如：

<div><span>文本1</span>文本2
</div>

div 元素的 innerHTML 值是：<span>文本1</span>文本2
div 元素的 innerText 值是：文本1 文本2
div 元素的 outerHTML 值是：<div><span>文本1</span>文本2</div>

innerHTML、innerText 和 outerHTML 区别相关推荐

innerHTML,innerText是什么意思?怎么使用？
innerHTML,innerText是什么意思?怎么使用? innerHTML:获取标签的内容(包括子元素),字符 innerText:获取标签的文字内容,字符一.属性的操作需要获取的属性 in ...
innerHTML、innerText和outerHTML、outerText的区别
1.区别描述如下: innerHTML 设置或获取位于对象起始和结束标签内的 HTML outerHTML 设置或获取对象及其内容的 HTML 形式 innerText 设置或获取位于对象起始和结束标 ...
InnerHTML、InnerText、outerHTML的用法与区别
InnerHTML.InnerText.outerHTML的用法与区别 InnerHTML获取或设置指定元素标记内的HTML内容,从元素标记的开始到元素标记的结束 InnerText获取或设置指定元素 ...
innerHTML、innerText、outerHTML、outerText区别
1.区别: (1) innerHTML 设置或获取位于对象起始和结束标签内的 HTML,例子: <div id="div1">hello world</div&g ...
JS中的innerHTML，innerText，outerHTML的区别
一, 直接看demo <body><div id="test"><p>第一个</p></div><script t ...
html页面的text用法,js中innerHTML，innerText，outerHTML用法总结
如何获取DIV里面的内容,在js中为大家提供了三种方法,分别是outerHTML.innerHTML和innerText,这里要注意大小写!看起来长得很像,那么到底怎么使用以及它们之间有什么区别,我想 ...
JS中innerHTML,innerText,outHTML的用法及区别
一张图解释: 对于一个id为"testdiv"的div来说,outerHTML.innerHTML以及innerTEXT三者的区别可以通过下图展示出来: 文字解释: innerHT ...
JavaScript中textContent、innerText和innerHTML的用法以及区别
目录 0.码仙励志 1.textContent的用法 1.设置标签中的文本内容 2.获取标签中的文本内容 2.innerText的用法 1.设置标签中的文本内容 2.获取标签中的文本内容 3.inne ...
[JS][jQuery]清空元素html()、innerHTML= 与 empty()的区别、remove()区别
清空元素html("").innerHTML="" 与 empty()的区别一.清空元素的区别 1.错误做法一: $(&quo ...
textContent和innerText属性的区别
原文摘自 textContent和innerText属性的区别 <!DOCTYPE html> <html><head><meta charset=" ...

innerHTML、innerText 和 outerHTML 区别

innerHTML、innerText 和 outerHTML 区别相关推荐

最新文章

热门文章