美文网首页
CSS属性以及属性值检测

CSS属性以及属性值检测

作者: Sketch | 来源:发表于2017-11-03 20:52 被阅读13次

    纯粹的检测CSS属性:

    function testProperty(property) {
      var root = document.documentElement;
    
      if (property in root.style) {
        root.classList.add(property.toLowerCase());
        return true;
      }
    
      root.classList.add('no-' + property.toLowerCase());
      return false;
    }
    

    如果需要检测某个具体的属性值是否受到浏览器的支持:

    function testValue(id, value, property) {
      var dummy = document.createElement('p');
      dummy.style[property] = value;
    
      if (dummy.style[property]) {
        root.classList.add(id);
        return true;
      }
    
      root.classList.add('no-' + id);
      return false;
    }
    

    资料信息来自《CSS揭秘》

    相关文章

      网友评论

          本文标题:CSS属性以及属性值检测

          本文链接:https://www.haomeiwen.com/subject/txdxmxtx.html