• 各种常见兼容代码


    getstyle

    var getStyle = function (elem, style) {
                return 'getComputedStyle' in window ?
                    getComputedStyle(elem, null)[style] :
                    function () {
                        style = style.replace(/-(w)/g, function ($, $1) {
                            return $1.toUpperCase();
                        });
                        var val = elem.currentStyle[style];
    
                        if (val === 'auto' && (style === "width" || style === "height")) {
                            var rect = elem.getBoundingClientRect();
                            if (style === "width") {
                                return rect.right - rect.left + 'px';
                            } else {
                                return rect.bottom - rect.top + 'px';
                            }
                        }
                        return val;
                    }();
            };
    
            // 调用该方法
            var test = document.getElementById('test'),
                // 获取计算的宽度
                tWidth = getStyle(test, 'width');

     class操作

     function hasClass(obj, cls) {
              //热皮球
    return obj.className.match(new RegExp('(\s|^)' + cls + '(\s|$)')); } function addClass(obj, cls) { if (!this.hasClass(obj, cls)) obj.className += " " + cls; } function removeClass(obj, cls) { if (hasClass(obj, cls)) { var reg = new RegExp('(\s|^)' + cls + '(\s|$)'); obj.className = obj.className.replace(reg, ' '); } } function toggleClass(obj, cls) { if (hasClass(obj, cls)) { removeClass(obj, cls); } else { addClass(obj, cls); } } function toggleClassTest() { var obj = document.getElementById('test'); toggleClass(obj, "testClass"); }
  • 相关阅读:
    java前端学习步骤
    安装Sublime Text 3插件的方法(转自Rising的博文)
    LibSVM学习详细说明
    class 2-3 小项目练习
    class 2-2 小项目练习
    class 2-1 小项目练习
    class 1-1 python开发环境配置
    Class
    class 10 文件和异常
    class
  • 原文地址:https://www.cnblogs.com/dhsz/p/8458890.html
Copyright © 2020-2023  润新知