• Javascript 获得元素位置&&获得元素样式值网上找的,方便以后查阅


    // 获得元素样式
    function attrStyle(elem,attr){
        if("undefined" != typeof elem && "undefined" != typeof elem.style){
            //若样式存在于html中,优先获取
            return elem.style[attr];
        }else if(elem.currentStyle){
            //IE下获取CSS属性最终样式(同于CSS优先级)
            return elem.currentStyle[attr];
        }else if(document.defaultView && document.defaultView.getComputedStyle){
            //W3C标准方法获取CSS属性最终样式(同于CSS优先级)
            //注意,此法属性原格式(text-align)获取的,故要转换一下
            attr=attr.replace(/([A-Z])/g,'-$1').toLowerCase();
            //获取样式对象并获取属性值
            return document.defaultView.getComputedStyle(elem,null).getPropertyValue(attr);
        }else{
            return null;
        }
    }
    attrStyle(document.getElementById("coorDiv"), "margin-left");


    // 获得元素位置

    function elementLeft(e){
    	var offset = e.offsetLeft;
    	if(e.offsetParent != null) offset += elementLeft(e.offsetParent);
    	return offset;
    }
    
    function elementTop(e){
    	var offset=e.offsetTop;
    	if(e.offsetParent != null) offset += elementTop(e.offsetParent);
    	return offset;
    }
    
    function elementPos(e){
    	return {left:elementLeft(e), top:elementTop(e)};
    }


    路慢慢其休远羲,吾将上下而求所
  • 相关阅读:
    c++最大公约数
    c++判断一个整数里面是否包含 3 这个数字
    动态使用webservice,以及含有ref类型的参数的问题
    带有用户名密码验证的远程文件下载
    注册表
    fsdfasfsa
    C# addin 开发心得记录
    c# 读写注册表
    like的性能问题
    查找表中多余的重复记录(多个字段)
  • 原文地址:https://www.cnblogs.com/garinzhang/p/3639456.html
Copyright © 2020-2023  润新知