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>

其中，红色部分就是差异之处。

innerHTML和outerHTML有什么区别相关推荐

[js] innerHTML与outerHTML有什么区别？
[js] innerHTML与outerHTML有什么区别? <div id="test"><h5>就是喜欢你</h5></div> ...
innerHTML、innerText、outerHTML、outerText区别
1.区别: (1) innerHTML 设置或获取位于对象起始和结束标签内的 HTML,例子: <div id="div1">hello world</div&g ...
JavaScript中innerHTML、outerHTML、innerText、outerText的用法与区别认识
2017百度前端技术学院(js任务一) 一.JS中innerHTML.outerHTML.innerText.outerText.value的区别与联系? 在JS中很容易将以上几者记错弄混,在网上找了 ...
innerText，outerText，innerHTML，outerHTML区别
document.body.innerHTML: innerText,outerText,innerHTML,outerHTML资料outerHTML:标签对象外部的HTML文本(包括该标签) i ...
innerHTML和outerHTML的区别
一.区别:1)innerHTML: 从对象的起始位置到终止位置的全部内容,不包括Html标签.2)outerHTML: 除了包含innerHTML的全部内容外, 还包含对象标签本身. 二.例子: &l ...
JavaScript中innerText,innerHTML,outerText,outerHTML使用心得和区别
<div id = "test"> <span style="color:red">test1</span> ...
innerHTML与outerHTML 的区别？
1.innerHTML <body><p>你好</p><div id="test"><h5>就是喜欢你</h5&g ...
JS中innerHTML、outerHTML、innerText、outerText的用法与区别
1.功能说明: innerHTML 设置或获取位于对象起始和结束标签内的 HTML innerText 设置或获取位于对象起始和结束标签内的文本 outerHTML 设置或获取对象及其内容的HTML形 ...
javascript 原生类 DOMParser 把字符串格式的HTML文档源码转换成 document DOM对象
文章目录 Intro QA DOMParser 在 console 的使用 cheerio 在 node 项目中的使用 Reference 测试 sum Intro 有一天我在写爬虫. 其实也说不上是 ...
innerHTML、innerText和outerHTML、outerText的区别
1.区别描述如下: innerHTML 设置或获取位于对象起始和结束标签内的 HTML outerHTML 设置或获取对象及其内容的 HTML 形式 innerText 设置或获取位于对象起始和结束标 ...

innerHTML和outerHTML有什么区别

innerHTML和outerHTML有什么区别相关推荐

最新文章

热门文章