innerHTML innerText outerHTML outerText的区别
来源:互联网 发布:淘宝油烟净化器 编辑:程序博客网 时间:2024/04/30 14:04
这是我做过的一个笔试题,是曾任职过腾讯的一个面试官考的,还特别耐心的讲解了下,在答题时,我的js基础是-的,连基本类型都不知道;今天看教程看到这里就赶快查看一下
element.innerHTML="替换的内容"
innerHTML会把element的下一层内容替换了,不会替换本身,替换内容里面如果有标签就会解析了标签, ;
innerText会把element的下一层内容替换了,不会替换element本身,替换内容里面如果有标签不会解析,会按照普通内容输出来;
outerHTML会把element整个都替换了,替换内容里面如果有标签会解析;
outerText会把element整个都替换了,替换内容里面如果有标签不会解析会按照普通内容输出;
如果整个内容没有标签修饰,谷歌会给这个文本添加引号。
在火狐里面outerText没有反应,innerText可以的;
因为innerText和outerText不是w3c的标准;
innerHTML是符合W3C标准的属性,而innerText只适用于IE浏览器,因此,尽可能地去使用innerHTML,而少用innerText,如果要输出不含HTML标签的内容,可以使用innerHTML取得包含HTML标签的内容后,再用正则表达式去除HTML标签,下面是一个简单的符合W3C标准的示例:
<a href="javascript:alert(document.getElementById('test').innerHTML.replace(/<.+?>/gim,''))">无HTML,符合W3C标准</a>
1 0
- innerHTML、outerHTML、innerText、outerText的区别
- innerHTML,outerHTML,innerText,outerText的区别
- innerHTML、outerHTML、innerText、outerText的区别
- innerHTML、outerHTML、innerText、outerText的区别
- innerHTML,outerHTML,innerText,outerText的区别
- innerHTML、outerHTML、innerText、outerText的区别
- innerHTML、outerHTML、innerText、outerText的区别
- innerHTML、outerHTML、innerText、outerText的区别
- innerHTML、outerHTML、innerText、outerText的区别
- innerHTML、outerHTML、innerText、outerText的区别
- innerHTML、outerHTML、innerText、outerText的区别
- innerHTML、outerHTML、innerText、outerText的区别
- innerHTML、outerHTML、innerText、outerText的区别
- innerHTML、outerHTML、innerText、outerText的区别
- innerHTML、outerHTML、innerText、outerText的区别
- innerHTML、outerHTML、innerText、outerText的区别
- innerHTML、outerHTML、innerText、outerText的区别
- innerHTML、innerText、outerHTML、outerText的区别
- Linux虚拟机的三种网络连接方式
- 有两个32bit的数A、B,使用下面方式得到32bit的数C、D。哪一种可以使用C、D得到A、B的值?----阿里巴巴2015校招研发在线
- Yii2.0 上传图片
- Python Generators(生成器)——yield关键字
- 解决Mac OS lion下(ubuntu等linux也一样)启动tomcat的Cannot find ./catalina.sh 的问题
- innerHTML innerText outerHTML outerText的区别
- LaTex
- Linux内核通知链机制的原理及实现
- 友盟分享完之后弹出dialog
- Object.defineProperty 函数 (JavaScript)
- HDU 3046 最大流最小割问题
- Java编程中操作XML文件(生成方法三:JDOM)
- android下JNI开发
- 剑指offer面试题14:调整数组顺序使奇数位于偶数前面