美文网首页
web前端-获取页内样式的属性

web前端-获取页内样式的属性

作者: LiYajie | 来源:发表于2017-03-19 09:41 被阅读34次

element.style.width或者element.style.left 这种方式只能获取行内样式的属性
, 要想获取页内样式, 我们需要使用下面的方法

// 如果是 IE
element.currentStyle[属性名]
// 如果是普通浏览器
window.getComputedStyle(element, null)[属性名);

兼容性写法

// dom 就是要获取属性的 dom 标签, attr就是要获取的属性名, 
// 这里的 null, 就是我们要获取带伪类选择其的 css 样式, 如::after, 则我们需要把::after 传入即可
if(dom.currentStyle) { // IE 
  return dom.currentStyle[attr];
} else { // 普通浏览器
  return window.getComputedStyle(dom,null)[attr];
}

相关文章

  • web前端-获取页内样式的属性

    element.style.width或者element.style.left 这种方式只能获取行内样式的属性, ...

  • CSS基础语法一

    CSS基本语法 CSS样式 内联样式(行内样式) 当行代码设置属性 页内样式 当先页面设置属性 外部样式 在单独的...

  • jQuery 属性、样式操作

    1、属性操作 获取属性 设置属性 删除属性 2、样式操作 获取属性 设置属性 追加样式 移除样式 切换样式

  • ios -css

    一、CSS样式简介 行内样式:内联样式)直接在标签的style属性中书写 页内样式:在本网页的style标签中书写...

  • CSS

    CSS三种书写方式 外部样式 行内样式 页内样式 CSS选择器 前三个选择器比较常用 CSS属性 可继承属性 不可...

  • CSS的三种书写方式

    一、行内样式:(内联样式)直接在标签的style属性中书写 二、页内样式:在本网页的style标签中书写 三、外部...

  • JavaScript-DOM

    概述获取标签、获取属性、获取内容样式事件 概述 获取标签(1,2,3,4)获取属性(5)获取内容(6) 样式 事件

  • 原生JS中DOM元素的操作

    获取dom 修改属性 .获取对象的属性 .js获取非行内样式属性 innerHTML dom 属性设置与获取 Do...

  • CSS的3种书写形式

    CSS有3种书写形式 1.行内样式:(内联样式)直接在标签的style属性中书写 2.页内样式:在本网页的styl...

  • jQuery 样式操作

    jQuery 样式操作 1、基本样式操作 设置样式属性操作 获取样式属性操作 2、类样式操作 添加类样式 移除类样...

网友评论

      本文标题:web前端-获取页内样式的属性

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