innerHTML和innerText和outerHTML的区别

作者: en_young | 来源:发表于2020-04-17 13:16 被阅读0次

innerHTML，innerText，outerHTML三者的
innerHTML和innerText和outerHTML的区别
JS、jQuery基础知识学习笔记
DOM常见属性及用法
innerHTML，innerText和outerHTML，ou
DOM操作
任务22-Dom、事件（进阶8,进阶9,进阶10）
DOM基础（一）
innerHTML、 OuterHTML、innerText、O
DOM相关操作

1、innerHTML和innerText的区别

（1）innerHTML是所有的浏览器都支持的，但是innerText是只有IE浏览器和Chrome浏览器支持，火狐浏览器不支持；

（2）innerHTML截取的是从对象的起始位置到终止位置的全部内容,包括Html标签；而innerText截取的是从对象的起始位置到终止位置的内容，但是不包括Html标签；

2、innerHTML和outerHTML的区别：

outerHTML是不止包含innerHTML的内容还包括标签对象本身。

也就是：

<div id="out"><p id="in">内部内容</p></div>

console.log(document.getElementById("out").innerHTML);//<p id="in">内部内容</p>

console.log(document.getElementById("out").outerHTML);//<div id="out"><p id="in">内部内容</p></div>

网友评论

本文标题：innerHTML和innerText和outerHTML的区别

本文链接：https://www.haomeiwen.com/subject/zoirvhtx.html

延伸阅读

深度阅读

您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！

innerHTML和innerText和outerHTML的区别

相关文章

innerHTML，innerText，outerHTML三者的

innerHTML和innerText和outerHTML的区别

JS、jQuery基础知识学习笔记

DOM常见属性及用法

innerHTML，innerText和outerHTML，ou

DOM操作

任务22-Dom、事件（进阶8,进阶9,进阶10）

DOM基础（一）

innerHTML、 OuterHTML、innerText、O

DOM相关操作

网友评论

延伸阅读

深度阅读

栏目导航

热点阅读