当前位置: 首页 > 编程笔记 >

js获取css的各种样式并且设置他们的方法

何长恨
2023-03-14
本文向大家介绍js获取css的各种样式并且设置他们的方法,包括了js获取css的各种样式并且设置他们的方法的使用技巧和注意事项,需要的朋友参考一下

js原生获取css样式,并且设置,看似简单,其实并不简单,我们平时用的ele.style.样式,只能获取内嵌的样式,但是我们写的样式基本都在style属性里面;

这里我们就需要:

下面这个代码主要是设置为了兼容IE这孙子;

function getStyle(element, attr) {
  if (element.currentStyle) {
    return element.currentStyle[attr];//傻逼IE的获取元素的方法
  } else {
    return getComputedStyle(element, null)[attr];
  }
}
平时我们一般可以用 getComputedStyle(元素,null)[属性]

 

以上这篇js获取css的各种样式并且设置他们的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍JS设置CSS样式的方式汇总,包括了JS设置CSS样式的方式汇总的使用技巧和注意事项,需要的朋友参考一下 1. 直接设置style的属性  某些情况用这个设置 !important值无效 如果属性有'-‘号,就写成驼峰的形式(如textAlign)  如果想保留 - 号,就中括号的形式  element.style[‘text-align'] = ‘100px'; 2. 直接设置属性

  • sp_sql_posts() 示例: <?php $tag='cid:6;field:post_title,post_content;order:listorder asc'; $posts=sp_sql_posts($tag); print_r($posts); $smeta=json_decode($vo['smeta'],true); //smeta处理方法,将其转化为数组 ?>

  • 本文向大家介绍ReactJs设置css样式的方法,包括了ReactJs设置css样式的方法的使用技巧和注意事项,需要的朋友参考一下 前段时间看了React Native,但是感觉在安卓反面的开发并不成熟.有较多功能有待完善,而且自己在实际运用的过程中在一些模块上遇到了不晓得阻力,又苦于网上没有找到那么多资源.于是打算先放一段时间,还是回过头来看ReactJs吧. React颠覆了html的传统思维

  • 本文向大家介绍js中用cssText设置css样式的简单方法,包括了js中用cssText设置css样式的简单方法的使用技巧和注意事项,需要的朋友参考一下 如果网页中一个 id为“no”的标签,暂且当div标签来tell; 想要在js中设置这个div的css样式,很一般的做法是: 如果要设置一堆又一堆的css样式呢,太麻烦了把、 一般情况下都会结合css来添加className或者改变classN

  • 本文向大家介绍js改变css样式的三种方法推荐,包括了js改变css样式的三种方法推荐的使用技巧和注意事项,需要的朋友参考一下 共用代码: <div id="div"> this is a div </div> var div=document.getElementById('div'); 第一种:用cssText div.style.cssText='width:250px;height:250

  • 本文向大家介绍js获取内联样式的方法,包括了js获取内联样式的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js获取内联样式的方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的javascript程序设计有所帮助。