zoukankan      html  css  js  c++  java
  • innerText 和 innerContent的兼容性封装

    innerText :设置和获取元素的文本内容;但在火狐浏览器中不支持此方法其他浏览器没问题;

    textContent:和innerText 功能一样;但ie 不支持 其他浏览器没问题;

    所有我们要封装一个方法兼容所有浏览器;

    1、封装一个获取元素纯文本的方法;

    var getText = function(ele){

      //检测结果为字符串说明支持,可以使用

      if(typeof ele.innertext === 'string'){

        return ele.innerText;

      }else{

       //检测结果为undefined 说明不能使用innerText,使用textContent;

        elel.textContent;

      }

    }

    2、封装一个方法用来设置元素纯文本内容;

    var setText = function (ele,value){

      if(typeof ele.innerText === 'string'){

      //检测结果为字符串说明支持,可以使用

        ele.innerText = value;

      }else{

      //检测结果为undefined 说明不能使用innerText,使用textContent;

        ele.textContent = value;

      }
    }

    setText(box,'新内容');

    if(you love javascript) I'd like to be with your friends
  • 相关阅读:
    网络相关命令
    jmeter压力测试接口
    mysql+mycat+centos7
    centos7开放端口
    mysql主从库配置文件
    读写分离
    Memcached与Redis的区别和选择
    mybatis 学习
    redis 轻松入门
    swagger 框架使用
  • 原文地址:https://www.cnblogs.com/qiweile/p/9287558.html
Copyright © 2011-2022 走看看