谷歌浏览器document.querySelector()方法问题

Question

谷歌浏览器使用document.querySelector()方法获取不到元素的属性例如scrollLeftMax，谷歌浏览器怎样可以获取到设置了scrollX的div的scrollLeftMax值呢？或者有什么办法做一个所有浏览器兼容，可以控制滚动条位置的scrollX的div区域，先谢谢了！

Answer 1

var maxScrollLeft = element.scrollWidth - element.clientWidth;

Answer 2

var querySelector = function(selector) { //TODO 先简单兼容，后续继续扩展；
    var element = null;
    if(document.querySelector) {
        element = document.querySelector(selector);
    } else {
        var selectors = selector.split(' ');
        var context = document;
        for(var i = 0, len = selectors.length; i < len; i++) {
            context = handleQuery(selectors[i], context);
        }
        element = context;
    }
    return element;
};
var handleQuery = function(selector, context) {
    var idSelectorRE = /^#([\w-]+)$/;
    var classSelectorRE = /^\.([\w-]+)$/;
    var tagSelectorRE = /^[\w-]+$/;
    var element = null;
    if(idSelectorRE.test(selector)) {
        element = context.getElementById(selector.substring(1));
    } else if(classSelectorRE.test(selector)) {
        element = context.getElementsByClassName(selector.substring(1))[0];
    } else if(tagSelectorRE.test(selector)) {
        element = context.getElementsByTagName(selector)[0];
    }
    return element;
};

Answer 3

实现兼容document.querySelector()