javascript初学者笔记——关于innerHTML、innerText、outerHTML和outerText的区别
来源:互联网 发布:高松好玩吗 知乎 编辑:程序博客网 时间:2024/06/05 06:33
两张图来说明四者之间的区别:
1.innerHTML和innerText他们两口子:
2.outerHTML和outerText他们两口子:
最后让我们来总结总结:
对于inner,顾名思义,它是内部的。所以,innerHTML就是这个标签内部的HTML
代码(不管内部多复杂,都是属于innerHTML的,你可以给body加个id,试试body
的innerHTML吧)。这下我们就能很好的理解innerText了,和innerHTML不同的是
,它并不包括HTML标签,也就是浏览器上我们能看到的东西(个人理解,勿喷好么)
。接着是outer,inner对应该标签内部,难道outer就是外部吗?其实outer对应的就
是这个标签本身,与inner的区别就在于它能包含本身的标签.
如上图的<div id...></div>,而inner是不包括本身标签内容的。
好了,想必大家这下下多多少少有些理解了吧
0 0
- javascript初学者笔记——关于innerHTML、innerText、outerHTML和outerText的区别
- javascript innerHTML、outerHTML、innerText、outerText的区别
- javascript innerHTML、outerHTML、innerText、outerText的区别
- javascript innerHTML、outerHTML、innerText、outerText的区别
- javascript innerHTML、outerHTML、innerText、outerText的区别
- javascript innerHTML、outerHTML、innerText、outerText的区别
- innerHTML、innerText和outerHTML、outerText的区别
- innerHTML、innerText和outerHTML、outerText的区别
- innerHTML、innerText和outerHTML、outerText的区别
- innerHTML、innerText和outerHTML、outerText的区别
- innerHTML、innerText和outerHTML、outerText的区别
- innerHTML、innerText和outerHTML、outerText的区别
- innerHTML、innerText和outerHTML、outerText的区别
- innerHTML、innerText和outerHTML、outerText的区别
- JavaScript中innerText,innerHTML,outerText,outerHTML使用心得和区别
- JavaScript中innerText,innerHTML,outerText,outerHTML使用心得和区别
- JavaScript中innerText,innerHTML,outerText,outerHTML使用心得和区别
- JavaScript 中innerText innerHtml outerText outerHtml 的区别
- centos安装confluence全攻略
- 机器学习/深度学习/自然语言处理学习路线
- 三个重要的同余式——威尔逊定理、费马小定理、欧拉定理 + 求幂大法的证明
- 使用Spring MVC写RESTFUL API
- Power of two,power of three,power of four
- javascript初学者笔记——关于innerHTML、innerText、outerHTML和outerText的区别
- 第一个只出现一次的字符相关问题
- 表单验证插件Validate.js的使用
- xtrabackup备份执行报错一例
- Unity 资源管理 AssetBundle
- 定义职工类Employee对象数组,内放5个职工的数据(编号、姓名、性别、月薪),建立函数输出职工信息表。
- DbUtils
- 【java】位运算
- PPT打不开提示访问出错怎么办