zoukankan      html  css  js  c++  java
  • 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)};
    }


    路慢慢其休远羲,吾将上下而求所
  • 相关阅读:
    rocketmq的broker如何同步信息的?
    SO_LINGER 选项
    哈哈哈
    NAG博客目录
    事后分析$eta$
    项目展示$eta$
    测试报告$eta$
    发布声明$eta$
    Scrum meeting 10
    技术博客6--Django实现列表分页
  • 原文地址:https://www.cnblogs.com/garinzhang/p/3639456.html
Copyright © 2011-2022 走看看