innerText,textContent,innerHTML兼容问题和return区别

本文探讨了JavaScript中innerText、textContent和innerHTML在处理DOM元素内容时的兼容性问题和使用差异。在IE8等低版本浏览器中,innerText表现良好,而textContent在IE上的兼容性得到验证。innerText返回文本内容,innerHTML则获取或设置元素的HTML内容。在插入内容时,innerText将HTML标签转义,而innerHTML能正确解析并插入HTML。
摘要由CSDN通过智能技术生成

一、兼容问题

*innerText,textContent,innerHTML*这三个方法都是用于网页中插入数据,比较常用的还是innerHTML因为他比较兼容也比较符合标准;但是他们之间在本质上还是有一定的区别,在低版本浏览器上会出现兼容问题,textContent是火狐定义的ie8不支持,innerText是ie定义的低版本火狐不支持下面我来做一些示例:
先定义一个按钮和一个div:
<input type="button" id="btn" value="点击添加文字" />
<div id="dv" style="height: 150px; width: 300px; border: 2px solid red">我是div</div>

下面是js代码:

//先来个全局定义
function my$(id) {
   
    return document.getElementById(id);
};
       my$("dv".onclick=function (){
   
           document.getElementById("dv").textContent="this is DIV";
           console.log(my$("dv").textContent);
       };

谷歌

火狐
火狐和谷歌都没问题下面让让我们来看看ie8

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值