• 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
  • 相关阅读:
    c++笔记3
    c++笔记2
    c++笔记1
    零点追踪(零点及量程补偿)
    优秀软件:
    Hart协议
    RL_RTX函数
    keil-rtx
    电源模块选型
    RTX51 Tiny
  • 原文地址:https://www.cnblogs.com/qiweile/p/9287558.html
Copyright © 2020-2023  润新知