美文网首页
JavaScript获取元素计算后样式的封装

JavaScript获取元素计算后样式的封装

作者: 帅气的刘小二 | 来源:发表于2017-06-16 14:37 被阅读0次

getComputedStyle方法获取的是最终应用在元素上的所有CSS属性对象(计算后样式的集合)。只能获取样式,不能设置。
语法: window.getComputedStyle("元素", "伪元素");
参数:第二个参数有可以省略。
eg: <div id="box"></div>
var box=document.getElementById("box");
console.log(getComputedStyle("box");)
//获取box的所有的集合
以下兼容ie
function getCss(obj,attr) {
if(obj.currentStyle) {
return obj.currentStyle[attr];}else {
return window.getComputedStyle(obj)[attr];}
}
用法 :获取box的宽度getCss(box,‘width’),返回值带px

相关文章

  • JavaScript获取元素计算后样式的封装

    getComputedStyle方法获取的是最终应用在元素上的所有CSS属性对象(计算后样式的集合)。只能获取样式...

  • 事件相关

    如何批量操作 css 如何获取 DOM 计算后的样式 使用getComputedStyle获取元素计算后的样式 实...

  • 位置与事件的浏览器兼容

    坐标:获取鼠标的坐标: 获取元素的位置: 滚动轴的高度: 获取元素的css计算后的样式: 在注册事件中:

  • js获取元素宽高

    一、获取元素的行内样式 只是将style属性中的值显示出来 二、获取计算后的样式 注意:如果不设置元素的宽度和高度...

  • Dom样式操作

    样式操作 一、 概要 通过JavaScript获取dom元素上的style属性,我们可以动态的给元素赋予样式属性。...

  • js 获取计算后样式

    /js获取计算后的样式,也可以说获取最终样式/

  • 事件

    1、 2、获取类class 3、获取计算后的样式

  • javaScript获取元素的样式属性

    通过元素的style获取 但是这种方法只能获取style属性中的CSS样式,如果属性名为两个单词组合,则使用驼峰写...

  • 封装获取元素位置的函数

    封装获取元素位置的函数 原文https://www.w3cplus.com/javascript/get-elem...

  • DOM操作和样式操作库的封装

    整理自DOM操作和样式操作库的封装 1.1、获取页面中元素的方法 document.getElementById(...

网友评论

      本文标题:JavaScript获取元素计算后样式的封装

      本文链接:https://www.haomeiwen.com/subject/uczzyttx.html