美文网首页
js如何获取非行间样式

js如何获取非行间样式

作者: kismetajun | 来源:发表于2018-07-09 20:14 被阅读71次

本篇文章主要介绍了js获取非行间样式的相关知识,具有很好的参考价值。下面跟着小编一起来看下吧

我们都知道,js不能直接获取样式表中的样式,例如width,left,只能直接获取行内样式,但是现在主流不建议写行内样式,因此我们封装一个可以直接获取非行间样式的函数

1.oDiv.style.background,   用此种方法;是无法获取非行间样式

弹出的效果如下:
oDiv.style.background效果 oDiv2.style.background效果

2.获取非行间样式

方法:

currentStyle是IE中的属性,getComputedStyle是其他浏览器的方法

注意:

(1) getStyle(注意其有两个参数);

第一个参数 obj 为要获取的对象,第二个参数attr为要获取的属性,

(2)在非行间样式中,style属性只能去赋值,在行间样式中才能去获取样式;

相关文章

  • js如何获取非行间样式

    本篇文章主要介绍了js获取非行间样式的相关知识,具有很好的参考价值。下面跟着小编一起来看下吧 我们都知道,js不能...

  • JS基础

    1.获取非行间样式 //获取非行间css样式 function getStyle(obj,attr){//获取...

  • JQuery

    js库帮助我们快速开发 一、选择器 二、DOMReady 三、获取非行间样式

  • 如何获取非行间样式?

  • 获取style的兼容方法

    获取或设置行间样式 oDiv.style.width 获取行间/内联/外部样式,无法设置 IE6-8 : oDiv...

  • 函数封装(原生)

    getStyle 批量获取(设置)样式 getByClass 通过class获取标签的兼容写法 非行间样式...

  • JS基础(6)

    获取样式: 封装了一个获取非行间样式: 设置样式: a). class -> oDiv.className='xx...

  • JS 兼容整理

    获取非行内样式的兼容方式 function getStyle(obj,attr){//获取非行间样式,obj是对象...

  • 获取元素大小和位置的五种方式

    一、直接获取元素样式属性值 运用之前在JS如何获取元素样式?这篇文章中提到的三种获取元素样式方法便可获取元素大小和...

  • jquery的样式操作及属性操作

    一、jquery样式操作 操作行间样式// 获取div的样式$("div").css("width");$("di...

网友评论

      本文标题:js如何获取非行间样式

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