首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js获取元素样式之getComputedStyle方法

习惯了jquery的同学应该都知道获取元素样式的方式可以直接写成(obj).css(style);更方便的获取高度宽度等一些样式可以直接使用(obj).height()和 一、 getComputedStyle...是什么 getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性。...为什么要用这个属性呢,是因为通过document.getElementById(element).style.xxx可以获取元素的样式信息但是对于通过class属性引用的外部样式表就获取不到了。...二、getComputedStyle与style的区别 这个问题在上面也说过了,通过style的方式可以获取样式,但是引用的外部样式获取不到,但是他可以设置属性,换句话说他是一个可读可写的属性。...但是getComputedStyle属性是只读的属性,只能读属性,不能设置,但是他可以获取到元素的最终样式信息。

22.6K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    js、jQuery 获取文档、窗口、元素的各种

    基于两年开发经验,总结了 javascript、jQuery 获取窗口、文档、元素的各种 javascript: 文档:是整个document所有的内容 浏览器当前窗口文档body的宽度: document.body.clientWidth...Y) 注意clientY和pageY的区别,pageY在页面无滚动条或滚动条下拉0的情况下等同于clientY event.offsetX 相对容器的水平坐标 event.offsetY...相对容器的垂直坐标 layerY: 如果元素的position样式不是默认的static,我们说这个元素具有定位属性。...offsetY : offsetY和layerY的不同在于,前者的在计算偏移时,相对于元素的border左上角的内交点, 因此当鼠标位于元素的border上时,偏移是一个负值...2.在元素具有上边框border-top的情况下, layerY比offsetY的多一个border-top的宽度

    14.1K32

    JS-获取class类名为某个的元素-【getClass】函数封装

    原理:  根据class获取元素.  原理是,取出oparent下的所有元素,组成数组,然后遍历类名,全等判断。...class为clsName的元素     oElements  = oParent.getElementsByTagName('*');     //oElements 获得的是父元素下的所有元素,...________________________________________________________________________2017-05-21  18:35:10 丰富一下另一端js...class的父元素 var oLi = getByClass(oUL,"li_box"); //让子元素们等于函数返回来的那个数组。...其实直接用getElementsByTagName获取到的也是一个元素集合。现在直接等于一个数组,能用的方法和属性则更多了呢!顺便调用函数并传参。参数是父元素的变量和需要找的类名。

    5.1K80
    领券