zoukankan      html  css  js  c++  java
  • innerText兼容性问题

    /*

    text方法,给网页元素设置文本值的方法
    主要处理火狐不支持innerText这个属性的问题。
    还学习了如何判断一个字符串类型的属性是否存在
    如果判断一个对象类型的属性是否存在,用if(ele.attr)就行,但是如果判断字符串类型的,则就要if(typeof ele.attr=='string')这样了,其它类型同理
    第二个参数可选,如果有第二个参数,则是设置文本值
    */
    function text(ele,str){
    if(ele&&ele.nodeType&&ele.nodeType===1){//如果第一个参数是元素类型
    if(str===undefined){//如果第二个参数没有传过来
    if(typeof ele.textContent=='string')
    //上句是在判断浏览器是不是支持textContent这个属性,
    //如果支持则此属性的类型为string,否则为undefined
    return ele.textContent;
    else
    return ele.innerText;
     
    }else if(typeof str=='string'){
    //如果传了第二个参数,并且第二个参数的类型正确,则是
    //给此元素设置文本值
    if(typeof ele.textContent=='string')
    ele.textContent=str;
    else
    ele.innerText=str;
    }else {
    alert('第二个参数str有误') ;
    throw new Error('第二个参数str有误');
    }
    }else{
    alert('第一个参数ele误!');
    throw new Error('第二个参数str有误');//这样写更好
    }
     
    }
  • 相关阅读:
    开发之前的思考-UI结构设计
    UI事件监听的击穿
    实战开发中UI资源制作标准
    巧用九宫格以减少UI资源量
    UI元素的相对自适应
    UI开发核心问题-UI随屏幕自适应
    制作滚动视图(ScrollView)
    制作复选框(Toggle)
    制作下拉菜单(PopupList)
    制作输入框(Input)
  • 原文地址:https://www.cnblogs.com/sheting/p/3968262.html
Copyright © 2011-2022 走看看