没有jquery的时候，你看看这个

vjs

    var br = (function() {
        var ua = navigator.userAgent.toLowerCase();
        browser = {
            iPhone: /iphone/.test(ua),
            iPad: /ipad/.test(ua),
            iPod: /ipod/.test(ua),
            isLetv: /letv/.test(ua),
            Android: /android/.test(ua),
            AndroidPad: /android/.test(ua) && !/mobile/.test(ua),
            atwin: /win/.test(ua),
            opera: /opera/.test(ua),
            msie: /msie/.test(ua),
            firefox: /firefox/.test(ua),
            safari: /safari/.test(ua) && !/chrome/.test(ua),
            wph: /windows phone/.test(ua),
            ps: /playstation/.test(ua),
            uc: /ucbrowser|ucweb/.test(ua),
            xiaomi: /xiaomi/.test(ua),
            weixin: /MicroMessenger/i.test(ua),
            isLetvTv: function() {
                try {
                    return typeof LetvFish.getBrowserType == 'function';
                } catch (e) {
                    return false;
                }
            }
        };

        var rwebkit = /(webkit)[ /]([w.]+)/,
            ropera = /(opera)(?:.*version)?[ /]([w.]+)/,
            rmsie = /(msie) ([w.]+)/,
            rmozilla = /(mozilla)(?:.*? rv:([w.]+))?/;

        var match = rwebkit.exec(ua) ||
            ropera.exec(ua) ||
            rmsie.exec(ua) ||
            ua.indexOf("compatible") < 0 && rmozilla.exec(ua) || [];

        browser.version = match[2] || "0";
        return browser;
    })();
    var $js = (function() {
        var undefined, filter = [].filter,
            slice = [].slice,
            class2type = {},
            classSelectorRE = /^.([w-]+)$/,
            idSelectorRE = /^#([w-]*)$/,
            tagSelectorRE = /^[w-]+$/;

        var browser = br;

        /**
         *  @desc vjs框架入口，实现DOM选择器
         *
         */
        vjs = function(selector, context) {
            return new vjs.fn.init(selector, context);
        }

        vjs.isPC = false;

        var qsa = function(element, selector) {
            var found
            try {
                return (isDocument(element) && idSelectorRE.test(selector)) ?
                    ((found = element.getElementById(RegExp.$1)) ? [found] : []) :
                    (element.nodeType !== 1 && element.nodeType !== 9) ? [] :
                    slice.call(
                        classSelectorRE.test(selector) ? (
                            element.getElementsByClassName ? element.getElementsByClassName(RegExp.$1) : qsc(element, RegExp.$1)) :
                        tagSelectorRE.test(selector) ? element.getElementsByTagName(selector) :
                        element.querySelectorAll(selector)
                    )
            } catch (e) {
                return []
            }
        }

        var Z = function(me, dom, selector) {
            dom = dom || []
            me.selector = selector || ''
            me.length = dom.length
            for (var i = 0, j = dom.length; i < j; i++) {
                me[i] = dom[i];
            }
            return me
        }

        var isZ = function(object) {
            return object instanceof Z
        }

        var qsc = function(parent, id) {
            if (parent.getElementsByTagName) {
                var el = parent.getElementsByTagName('*');
                var pattern = new RegExp("(^|\s)" + id + "(\s|$)");
                for (var i = 0, j = el.length; i < j; i++) {
                    if (pattern.test(el[i].className)) {
                        return [el[i]];
                    }
                }
            }
            return [];
        }

        vjs.fn = {
            init: function(selector, context) {
                if (!selector) return Z(this);
                else if (selector.nodeType) return Z(this, [selector])
                else {
                    var dom
                    if (isArray(selector)) dom = compact(selector)
                    else if (context !== undefined) return vjs(context).find(selector)
                    else dom = qsa(document, selector)
                    return Z(this, dom, selector);
                }
            },
            find: function(selector) {
                var result, me = this;
                if (typeof selector == 'object')
                    result = vjs(selector).filter(function() {
                        var node = this
                        return [].some.call(me, function(parent) {
                            return vjs.contains(parent, node)
                        })
                    })
                else if (this.length == 1) result = vjs(qsa(this[0], selector))
                else result = this.map(function() {
                    return qsa(this, selector)
                })
                return result
            },
            each: function(callback) {
                if ([].every) {
                    [].every.call(this, function(el, idx) {
                        return callback.call(el, idx, el) !== false
                    });
                } else {
                    for (var i = 0, len = this.length; i < len; i++) {
                        callback.call(this[i], i, this[i]);
                    }
                }

                return this
            },
            hasClass: function(name) {
                var me = this[0];
                return new RegExp('(\s|^)' + name + '(\s|$)').test(me.className);
            },
            addClass: function(name) {
                var classNameArray = (name || '').split(/s+/);
                return this.each(function() {
                    var currClassName = this.className;
                    for (var i = 0, len = classNameArray.length; i < len; i++) {
                        if (!vjs(this).hasClass(classNameArray[i])) {
                            currClassName += ' ' + classNameArray[i];
                        }
                    }
                    this.className = currClassName;
                });
            },
            removeClass: function(name) {
                var classNameArray = (name || '').split(/s+/);
                return this.each(function() {
                    var currClassName = this.className;
                    for (var i = 0, len = classNameArray.length; i < len; i++) {
                        var reg = new RegExp('(\s|^)' + classNameArray[i] + '(\s|$)');
                        currClassName = currClassName.replace(reg, ' ');
                    }

                    this.className = vjs.trim(currClassName);
                })
            },
            on: function(name, callback, context) {
                return this.each(function(i, element) {
                    var evtDelagate = function(e) {
                        e.target = e.target || e.srcElement;
                        callback.call(context, e)
                    }
                    if (!element['domid']) element['domid'] = String(Math.random()).slice(-4);
                    var guid = name + '_' + element['domid'];
                    callback[guid] = evtDelagate;


                    if (element.addEventListener) {
                        element.addEventListener(name, evtDelagate, false);
                    } else if (element.attachEvent) {
                        element.attachEvent('on' + name, evtDelagate);
                    }

                });
            },
            off: function(name, callback, context) {
                return this.each(function(i, element) {
                    var guid = name + '_' + element['domid'],
                        fn = callback[guid] || callback;

                    if (element.removeEventListener) {
                        element.removeEventListener(name, fn, false);
                    } else if (element.detachEvent) {
                        element.detachEvent('on' + name, fn);
                    }
                });
            },
            getStyle: function(styleName) {
                var node = this[0];
                if (browser.msie) {
                    switch (styleName) {
                        // 透明度
                        case "opacity":
                            return ((node.filters['DXImageTransform.Microsoft.Alpha'] ||
                                    node.filters['alpha'] || {}).opacity ||
                                100);
                            // 浮动
                        case "float":
                            styleName = "styleFloat";
                    }
                    return node.style[styleName] ||
                        node.currentStyle ? node.currentStyle[styleName] : 0;
                } else {
                    // 浮动
                    if (styleName == "float") {
                        styleName = "cssFloat";
                    }
                    return node.style[styleName] ||
                        (document.defaultView.getComputedStyle(node, "") ? document.defaultView.getComputedStyle(node, "")[styleName] : null) || 0;
                }
            },
            setStyle: function(styleName, styleValue) {
                return this.each(function() {
                    var node = this;
                    if (browser.msie) {
                        switch (styleName) {
                            case "opacity":
                                node.style.filter = "alpha(opacity=" + (styleValue * 100) + ")";
                                if (!node.currentStyle || !node.currentStyle.hasLayout) {
                                    node.style.zoom = 1;
                                }
                                return;
                            case "float":
                                styleName = "styleFloat";
                        }
                    } else {
                        if (styleName == "float") {
                            styleName = "cssFloat";
                        }
                    }

                    node.style[styleName] = styleValue;
                });
            },
            getAttr: function(name) {
                var node = this[0];
                return node.getAttribute(name);
            },
            setAttr: function(name, value) {
                return this.each(function() {
                    var node = this;
                    node.setAttribute(name, value);
                });
            },
            offset: function() {
                var me = this[0];
                var body = document.body,
                    box = me.getBoundingClientRect();

                return {
                    top: box.top + (window.scrollY || body.parentNode.scrollTop || me.scrollTop) - (document.documentElement.clientTop || body.clientTop || 0),
                    left: box.left + (window.scrollX || body.parentNode.scrollLeft || me.scrollLeft) - (document.documentElement.clientLeft || body.clientLeft || 0)
                };
            },
             function(num) {
                if (typeof num == 'undefined') {
                    return this[0].offsetWidth;
                }
                this[0].style.width = parseFloat(num) + 'px';
            },
            height: function(num) {
                if (typeof num == 'undefined') {
                    return this[0].offsetHeight;
                }
                this[0].style.height = parseFloat(num) + 'px';
            },
            map: function(fn) {
                return vjs(vjs.map(this, function(el, i) {
                    return fn.call(el, i, el)
                }))
            }
        }

        vjs.fn.init.prototype = vjs.fn;


        function type(obj) {
            return obj == null ? String(obj) :
                class2type[toString.call(obj)] || "object"
        }

        function isFunction(value) {
            return type(value) == "function"
        }

        function isDocument(obj) {
            return obj != null && (obj.nodeType == 9 || obj.nodeType == obj.DOCUMENT_NODE)
        }

        function isArray(value) {
            return value instanceof Array
        }

        function likeArray(obj) {
            return typeof obj.length == 'number'
        }

        function compact(array) {
            return filter.call(array, function(item) {
                return item != null
            })
        }

        function className(node, value) {
            var klass = node.className,
                svg = klass && klass.baseVal !== undefined

            if (value === undefined) return svg ? klass.baseVal : klass
            svg ? (klass.baseVal = value) : (node.className = value)
        }

        function funcArg(context, arg, idx, payload) {
            return isFunction(arg) ? arg.call(context, idx, payload) : arg
        }


        vjs.contains = function(parent, node) {
            return parent !== node && parent.contains(node)
        }

        vjs.map = function(elements, callback) {
            var value, values = [],
                i, key
            if (likeArray(elements))
                for (i = 0; i < elements.length; i++) {
                    value = callback(elements[i], i)
                    if (value != null) values.push(value)
                } else
                    for (key in elements) {
                        value = callback(elements[key], key)
                        if (value != null) values.push(value)
                    }
            return values
        }

        vjs.each = function(elements, callback) {
            var i, key
            if (likeArray(elements)) {
                for (i = 0; i < elements.length; i++)
                    if (callback.call(this, i, elements[i]) === false) return elements
            } else {
                for (key in elements)
                    if (callback.call(this, key, elements[key]) === false) return elements
            }

            return elements
        }

        vjs.trim = function(str) {
            return str.replace(/^ss*/, '').replace(/ss*$/, '');
        }

        vjs.each("Boolean Number String Function Array Date RegExp Object".split(" "), function(i, name) {
            class2type["[object " + name + "]"] = name.toLowerCase()
        });

        vjs.extend = function(props) {
            var init, subObj;

            props = props || {};

            init = props['init'] || props.init || this.prototype['init'] || this.prototype.init || function() {};

            subObj = function() {
                init.apply(this, arguments);
            };

            subObj.prototype = vjs.create(this.prototype);
            subObj.prototype.constructor = subObj;

            if (!props.__proto__) props.__proto__ = subObj.prototype;

            subObj.extend = vjs.extend;

            for (var name in props) {
                if (props.hasOwnProperty(name)) {
                    subObj.prototype[name] = props[name];
                }
            }

            return subObj;
        }

        vjs.create = function(obj) {
            function F() {}
            F.prototype = obj;
            return new F();
        };

        vjs.getWinWH = function() {
            var pagerWidth = window.innerWidth,
                pagerHeight = window.innerHeight;

            if (typeof pagerWidth != 'number') {
                if (document.compatMode == 'CSS1Compat') {
                    pagerWidth = document.documentElement.clientWidth;
                    pagerHeight = document.documentElement.clientHeight;
                } else {
                    pagerWidth = document.body.clientWidth;
                    pagerHeight = document.body.clientHeight;
                }
            }
            return {
                 pagerWidth,
                height: pagerHeight
            }
        }

        vjs.safari = browser.safari;

        return vjs;
    })();
        var emptyFn = function(){};
    var lib = {
        createElement: function(tagName, attributes) {
            var el = document.createElement(tagName),
                attrname;
            for (attrname in attributes) {
                if (attributes.hasOwnProperty(attrname)) {
                    if (attrname.indexOf("-") !== -1) {
                        el.setAttribute(attrname, attributes[attrname]);
                    } else {
                        el[attrname] = attributes[attrname];
                    }
                }
            }
            return el;
        },
        removeElem: function(node) {
            if (node) {
                if (node.remove) {
                    return node.remove();
                } else {
                    return node.parentNode && node.parentNode.removeChild && node.parentNode.removeChild(node);
                }
            }
        },
        el: function(p, n) {
            var elem = n ? $js(p).find(n)[0] : $js(p)[0];
            if (!elem) {
                elem = {
                    "setAttribute": function() {},
                    "style": {},
                    "isnull": true
                };
            }

            return elem;
        },
        //判断是否存在这个元素
        existEl: function(el) {
            if (typeof el === 'object') {
                if (el.isnull) {
                    return false;
                } else if (el instanceof Array) {
                    return el.length > 0;
                } else {
                    return true;
                }
            } else if (typeof el === 'string') {
                return arguments.callee(this.el(el));
            }
            return false;
        },
        now: Date.now || function() {
            return +new Date();
        },
        merge: function(obj1, obj2, safe) {
            if (!obj2) {
                obj2 = {};
            };

            for (var attrname in obj2) {
                if (obj2.hasOwnProperty(attrname) && (!safe || !obj1.hasOwnProperty(attrname))) {
                    obj1[attrname] = obj2[attrname];
                }
            }
            return obj1;
        },
        wsLog: function(data) {},
        debug: function(msg, prefix, line) {
            line = line || " ";

            if (H5AD.config.DEBUG == true || adTools.getQuery("arkdebug")) {
                if (typeof msg == 'object') {
                    if (prefix) {
                        console.log("%c" + prefix, "color:#f0d");
                        this.wsLog(prefix);
                    }
                    this.wsLog(msg);
                    console.log(msg);
                } else {
                    if (msg == undefined) {
                        console.log("数据空" + line)
                        return;
                    }
                    this.wsLog(msg);
                    console.log(msg + line);
                }
            }
        },
        json: function(data) {
            try {
                if (typeof data === "string") {
                    if (JSON && JSON.parse) {
                        return JSON.parse(data);
                    }
                    return eval("(" + data + ")");
                }
                //谨慎使用
                return JSON.stringify(data);
            } catch (ex) {
                return 'error';
            }
        },
         // 对象浅复制
        easyClone: function(raw, target) {
            for (var prop in target) {
                if (target.hasOwnProperty(prop) && typeof target[prop] !== 'object') {
                    raw[prop] = target[prop];
                }
            }
        },
        getJSON: function(param) {
            var url = param.url,
                data = param.data,
                success = param.success,
                fail = param.fail,
                callback = param.callback || 'callback',
                timeout = param.timeout || 5000,
                maxCount = param.maxCount || 2;

            var jsonpCallback,
                count = -1,
                delayID = 0,
                s,
                self = this,
                head = document.head || document.getElementsByTagName('head')[0] || document.documentElement;

            var tmp = [];

            if(data) for(var k in data) tmp.push(k + '=' + data[k]);

            if(!/?/.test(url)){
                url += '?' + tmp.join('&');
            }else{
                url += '&' + tmp.join('&');
            }

            var addCb = function(){
                var time = self.now(),
                    jsonpCallback = 'vjs_' + time + Math.floor(Math.random()*100);

                window[jsonpCallback] = function(response) {
                    destroy();

                    success.call(this, response,{responseTime: self.now()-time, retryCount: count});

                    window[jsonpCallback] = null;
                };

                return jsonpCallback;
            };

            var destroy = function(){
                if(window[jsonpCallback])  window[jsonpCallback] = emptyFn;
                clearTimeout(delayID);

                if (s && s.parentNode) {
                    head.removeChild(s);

                    s.onload = s.onreadystatechange = null;

                    s = undefined;
                }
            };

            var load = function() {
                destroy();
                count++;
                if (count >= maxCount){
                    fail && fail.call(this);
                    return;
                }

                jsonpCallback = addCb();

                var jsonpUrl = url;

                if(/(=)?(&|$)/i.test(jsonpUrl)){
                    jsonpUrl = jsonpUrl.replace(/(=)?(&|$)/i,'$1' + jsonpCallback + '$2');
                }else{
                    jsonpUrl += '&' + callback + '=' + jsonpCallback+'&j='+jsonpCallback;
                }

                if(param.log) param.log.pushLog('lib getJSON===' + jsonpUrl + '===' + jsonpCallback + '====' + count);
                s = document.createElement('script');
                s.setAttribute('type', 'text/javascript');
                s.setAttribute('src', jsonpUrl);

                head.insertBefore(s, head.firstChild);

                delayID = setTimeout(load, timeout);
            };

            load();

            return {
                destroy : destroy
            }
        }
    };
    /**
    //以下对lib的使用
    var url = "http://localhost:3000/reso";
    lib.getJSON({url:url,success:function(data){
      alert("nihao");
    }});
    //lib  createElement的使用
    var src = "http://i3.letvimg.com/lc06_iscms/201611/09/23/49/7c2767be74d145a4b9e6eb8f648e46a0.jpg";
    var img = lib.createElement('img', {
          src: src
    });
    $js(img).on('load', function() {
        img = null;
    });
    */
    //
    lib.existEl("box");//这个函数