zjl594201
zjl594201

style, currentStyle, runtimeStyle

样式(Styles)的优先级依次是内嵌(inline), 内部(internal), 外部(external), 浏览器缺省(browser default)。

style:
元素内联样式，对应于元素的style属性，指定了才可以获得，通过外联或在style元素中指定样式取不到值，el.style.xx这种设置方式是设置了元素的内联样式

currentStyle：
它能够获取元素所有的style，但它也按照优先级，形象的说就是你看到的是什么，它就是什么

runtimeStyle：
如果设置它，他就成为优先级最高的样式，显示也会相应改变

例子：

<body>
   <div id="id" style="color:blue;">1111</div>
</body>
<script type="text/javascript">
  var d = document.getElementById("id");
  d.runtimeStyle.color="black";

  alert(d.currentStyle.color);
  alert(d.runtimeStyle.color);
  alert(d.style.color);

</script>

打印：
black
black
blue

说明style只能取到内联样式，runtimeStyle可以成为最高优先级，currentStyle指向当前显示样式

你可能感兴趣的:(currentStyle)

  • eyoucms 导航调用三级栏目的方法 西祠_fa33
    {eyou:channeltype="top"row="60"id="field"currentstyle="active"}{$field.typename}{eyou:channelname="$field.children"row="100"id="field2"}{$field2.typename}{eyou:channelname="$field2.children"row="100"i
  • haslayout解释和触发 星辰_50e6
    haslayout详解定义haslayout是IE7-浏览器的特有属性。hasLayout是一种只读属性，有两种状态：true或false。当其为true时，代表该元素有自己的布局，否则代表该元素的布局继承于父元素。[注意]通过element.currentStyle.hasLayout可以得出当前元素的hasLayout情况HTML标签默认触发hasLayout的有如下HTML标签：【1】htm
  • eyoucms adv 广告列表标签 西祠_fa33
    【基础用法】名称：adv功能：获取广告列表内容。语法：{eyou:advpid='1'row='3'}{/eyou:adv}参数：pid=''广告位置IDrow='10'返回广告列表总数currentstyle=''应用样式class类名orderby='now'文档排序方式orderby='hot'或orderby='click'表示按点击数从高到低排序orderby='now'按发布时间最新排
  • eyoucms 当前栏目如何调用子栏目？ 西祠_fa33
    易优cms在当前栏目下如何调用子栏目呢？下面代码即可实现。调用下级栏目{eyou:channeltype="son"currentstyle="active"}{$field.typename}{/eyou:channel}type="son"son表示下级转自：https://www.eyoucms.com/help/eyoujq/1277.html
  • 28、JavaScript学习笔记——脚本化CSS lvh98 cssjavascript学习
    脚本化CSS文章目录脚本化CSS1.读写元素CSS属性1.1dom.style.prop2.读CSS计算属性2.1window.getComputedStyle(eleDom,伪元素字符串/null)2.2currentStyle2.3封装获取计算属性的函数，解决兼容性问题1.读写元素CSS属性1.1dom.style.prop可读写行间样式，没有兼容性问题。dom.style返回一个CSSSty
  • js 获取元素宽高的几种方法 @小倪同学 javascript前端开发语言
    1、Element.style.width/height只能获取内联样式2、window.getComputedStyle(ele).width/height可获取实时的style3、Element.currentStyle.width/height功能与第二点相同，只存在于旧版本IE中(IE9以下)，除了做旧版IE兼容，就不要用它了。4、Element.getBoundingClientRect
  • 织梦dede:channel指定typeid子栏目调用currentstyle高亮无效的解决教程 阿修哥
    dede:channel指定typeid时currentstyle无效{dede:channeltypeid='12'type='son'currentstyle="~typename~"}[field:typename/]{/dede:channel}解决方法打开include/taglib/channel.lib.php找到$row['id']==$typeid改成$row['id']==$r
  • 【易优CMS】screening的基础用法 Jessicahuan
    [基础用法]名称：screening功能：筛选文章语法：{eyou:screeningid='field'currentstyle='active'alltxt='不限'}{eyou:volistname='$field.list'id='vo'}{$vo.title}：{eyou:volistname='$vo.dfvalue'id='val'}{$val.name}{/eyou:volist}
  • 获取DIv样式的时候，处理浏览器不同的兼容性问题 MCherish
    functiongetStyle(obj,attr){returnobj.currentStyle?obj.currentStyle[attr]:getComputedStyle(obj)[attr];}
  • 获取css样式 三人_
    functiongetStyle(obj,attr){if(obj.currentStyle){returnobj.currentStyle[attr];}else{returngetComputedStyle(obj,false)[attr];}}通过这种方式获取css3的transform,结果是一个矩阵
  • js事件中的一些兼容写法总结 秃头成就技术
    事件中兼容还是挺多的，这里稍微总结下，大家还得多看多背才能熟记1.获取行内样式兼容functiongetStyle(ele,attr){if(window.getComputedStyle){//通常方法获取returnwindow.getComputedStyle(ele,false)[attr];}else{//ie兼容returnele.currentStyle[attr];}}2.键盘事件
  • js封装一个缓动动画 璃小灯吖
    js封装一个缓动动画，支持传入json数据格式进行多属性操作。具体全部实现代码如下：1、获取元素css样式属性值的方法/****@对象名称{String}obj*@CSS属性{String}attr*/functiongetStyleAttr(obj,attr){if(obj.currentStyle){//IE和operareturnobj.currentStyle[attr];}else{re
  • vue面试题总结记录(1) 萬wan事顺意
    为了未来几周的面试，忙忙碌碌的总结了这么一些面试题。1.js的兼容问题aevent事件问题：varoEvent=ev||window.event;ev是谷歌火狐的写法，IE9以上支持，往下不支持；event谷歌和IE支持，火狐不支持；b.获取元素的非行间样式：functiongetStyle(object,ocss){if(object.currentstyle){returnobj.curren
  • Mkdocs中利用Js实现大小圈鼠标拖动样式 Wcowin javascript前端
    在docs/javascripts/extra.js下复制粘贴：varCURSOR;Math.lerp=(a,b,n)=>(1-n)*a+n*b;constgetStyle=(el,attr)=>{try{returnwindow.getComputedStyle?window.getComputedStyle(el)[attr]:el.currentStyle[attr];}catch(e){}
  • 取非行间样式 想做一个画家
    Document#div1{width:200px;height:200px;background:red;}//取非行间样式：如果样式没有写在行间，//那么应该利用currentStyle(IE)或者getComputedStyle(obj，false).name。//获取复合样式的属性时需要注明所取的明确样式//如获取背景颜色，需要写backgroundColor，直接写background是
  • 二级导航嵌套调用并高亮 黎明的破晓
    织梦一级菜单被点击栏目高亮调用方法：{dede:channeltypeid='1'type='son'currentstyle="~typename~"}[field:typename/]{/dede:channel}*注：对当前栏目列表设置了class='on'，可以通过css样式为其设置背景图片或颜色，从而达到栏目高亮的效果。首页判断是否添加class调用方法：网站首页的位置把class的属性
  • js中兼容性问题 三千繁夢
    JS中出现的兼容性问题的总结1.关于获取行外样式currentStyle和getComputedStyle出现的兼容性问题我们都知道js通过style不可以获取行外样式，当我们需要获取行外样式时:我们一般通过这两个方法获取行外样式：IE下:currentStyleChrome,FF下:getComputedStyle(oDiv,false)兼容两个浏览器的写法:if(oDiv.currentSty
  • getStyleFunction Jadon7
    getStyleFunctionfunctiongetStyle(obj,name){if(obj.currentStyle){returnobj.currentStyle[name];}else{returngetComputedStyle(obj,false)[name];}}window.onload=function(){varoDiv=document.getElementById('d
  • channelartlist标签完美支持currentstyle属性 阿修哥
    channelartlist标签完美支持currentstyle属性,实现自动加载当前栏目CSS样式，可以用来标识当前栏目位置的CSS，解决方法如下：打开文件include\taglib\channelartlist.lib.php找到：$pv->Fields['typeurl']=GetOneTypeUrlA($typeids[$i]);在此行代码下方增加以下代码：if($typeids[$i]
  • 脚本化css的知识点及方法封装 QJe
    脚本化CSS查询计算样式window.getComputedStyle(ele,null)计算样式只读返回的样式的值为绝对值（px），不是相对值（em，%）IE8及IE8以下不兼容此时的null如果传递值，可传递伪元素，意思为获取该ele的伪元素的样式ele.currentStyle计算样式只读返回的样式值不是经过转换的绝对值IE特有的属性//针对上述两种查询样式方法封装兼容的fun/***[ge
  • js中常见的兼容问题及其解决方法 林llgb
    在编写js的代码时，总会遇到一些兼容问题，下面来总结一些常见的兼容写法：1.获取样式的兼容写法：A.非IE浏览器：getComputedStyle(元素,false).属性名B.IE浏览器：元素.currenStyle.属性名C.兼容的封装写法：正常浏览器和IE8及以下functiongetStyle(element,attribute){if(element.currentStyle){retu
  • JS如何设置盒模型的宽和高 成熟稳重的李先生
    //只能获取内联样式设置的宽高dom.style.width/height//获取渲染后即时运行的宽高，值是准确的。但只支持IEdom.currentStyle.width/height//获取渲染后即时运行的宽高，值是准确的。兼容性更好window.getComputedStyle(dom).width/height;//获取渲染后即时运行的宽高，值是准确的。兼容性也很好，一般用来获取元素的绝对
  • 放烟花效果 升龙无涯
    烟花效果图如下：烟花效果代码如下：工具函数//获取随机颜色的函数functiongetColor(){varcolor='#';for(vari=0;i0?Math.ceil(percent):Math.floor(percent);//让当前的值跟计算好的距离相加currentStyle+=percent;//设置样式ele.style[attr]=currentStyle+'px'//如果移动
  • 来讲一下IE和火狐的不同之处 赋帘楠霓
    （1）获取样式：IE支持currentStyle，Firefox支持getComputedStyle（2）文本：IE用innerText，Firefox用textContent（3）事件：IE用attachEvent，Firefox用addEventListener（4）透明度：IE用filter：alpha（opacity=80），Firefox用opacity：0.8（5）鼠标位置：IE用ev
  • js 运动函数封装函数，涉及 是否匀速、目标值、json参数等 Ares-Wang javascript开发语言ecmascript
    VID_20220713_163005Document#div{height:50px;width:80px;background-color:red;}//获取样式functiongetStyle(obj,attr){if(obj.currentStyle){returnobj.currentStyle[attr];}else{returnwindow.getComputedStyle(obj,
  • js实现导航栏上下动画效果
    本文实例为大家分享了js实现导航栏上下动画的具体代码，供大家参考，具体内容如下obj.currentStyle[name]与getComputedStyle(obj,false)[name]，一个是支持IE一个支持FE完美运动js插件，能根据传进来的值，进行匹配，从而得到了理想的运动效果，也就是运行逻辑。实现上下动画动画效果就是控制元素height的值，通过不断的修改该值，就能呈现所谓的动画效果，
  • JavaScript style对象与CurrentStyle对象案例详解
    1、Style对象style对象代表一个单独的样式声明，可以从应用样式的文档元素访问Style对象。style对象获取的是内联样式，即元素标签中style属性的值。例子：#div{color:gray;}//内部样式//内联样式document.getElementById('id').style.color;//值为red2、currentStyle对象返回所有样式声明（包括内部、外部、内联）按
  • css盒模型 大乔是个美少女
    image.pngw3c的盒模型：宽高只针对content宽高。IE的盒模型：宽高针对的是content+padding+border的宽高。box-sizing:content-boxw3c模型box-sizing:border-boxIE模型js获取：getElementById("aaa").style.width/height【内联】dom.currentStyle.width/heigh
  • 常用函数库 jia林
    //获取样式functiongetStyle(obj,attr){if(obj.currentStyle){returnobj.currentStyle([attr])}else{returngetComputedStyle(obj,false)[attr]}}//事件绑定functionaddEvent(obj,sEv,fn){if(obj.addEventListener){//兼容ie9+F
  • 3-2 CSS盒模型 zhangmz
    1、标准模型2、IE模型3、CSS如何设置这两个模型box-sizing:content-box;//浏览器默认box-sizing:border-box4、JS如何获取盒模型对应的宽和高dom.style.width/height//只能取到内联样式dom.currentStyle.width/height//只有IE支持window.getComputedStyle(dom).width/he
  • LeetCode[位运算] - #137 Single Number II Cwind javaAlgorithmLeetCode题解位运算
    原题链接：#137 Single Number II  要求： 给定一个整型数组，其中除了一个元素之外，每个元素都出现三次。找出这个元素 注意：算法的时间复杂度应为O(n)，最好不使用额外的内存空间   难度：中等   分析： 与#136类似，都是考察位运算。不过出现两次的可以使用异或运算的特性 n XOR n = 0, n XOR 0 = n，即某一
  • 《JavaScript语言精粹》笔记 aijuans JavaScript
    0、JavaScript的简单数据类型包括数字、字符创、布尔值（true/false）、null和undefined值，其它值都是对象。 1、JavaScript只有一个数字类型，它在内部被表示为64位的浮点数。没有分离出整数，所以1和1.0的值相同。 2、NaN是一个数值，表示一个不能产生正常结果的运算结果。NaN不等于任何值，包括它本身。可以用函数isNaN(number)检测NaN,但是
  • 你应该更新的Java知识之常用程序库 Kai_Ge java
    在很多人眼中，Java 已经是一门垂垂老矣的语言，但并不妨碍 Java 世界依然在前进。如果你曾离开 Java，云游于其它世界，或是每日只在遗留代码中挣扎，或许是时候抬起头，看看老 Java 中的新东西。 Guava Guava[gwɑ:və]，一句话，只要你做Java项目，就应该用Guava（Github）。 guava 是 Google 出品的一套 Java 核心库，在我看来，它甚至应该
  • HttpClient 120153216 httpclient
    /** * 可以传对象的请求转发，对象已流形式放入HTTP中 */ public static Object doPost(Map<String,Object> parmMap,String url) { Object object = null; HttpClient hc = new HttpClient(); String fullURL
  • Django model字段类型清单 2002wmj django
    Django 通过 models 实现数据库的创建、修改、删除等操作，本文为模型中一般常用的类型的清单，便于查询和使用： AutoField：一个自动递增的整型字段，添加记录时它会自动增长。你通常不需要直接使用这个字段；如果你不指定主键的话，系统会自动添加一个主键字段到你的model。(参阅自动主键字段) BooleanField：布尔字段,管理工具里会自动将其描述为checkbox。 Cha
  • 在SQLSERVER中查找消耗CPU最多的SQL 357029540 SQL Server
    返回消耗CPU数目最多的10条语句 SELECT TOP 10    total_worker_time/execution_count AS avg_cpu_cost, plan_handle,    execution_count,    (SELECT SUBSTRING(text, statement_start_of
  • Myeclipse项目无法部署，Undefined exploded archive location 7454103 eclipseMyEclipse
    做个备忘！ 错误信息为：       Undefined exploded archive location 原因：           在工程转移过程中，导致工程的配置文件出错； 解决方法：    
  • GMT时间格式转换 adminjun GMT时间转换
    普通的时间转换问题我这里就不再罗嗦了，我想大家应该都会那种低级的转换问题吧，现在我向大家总结一下如何转换GMT时间格式，这种格式的转换方法网上还不是很多，所以有必要总结一下，也算给有需要的朋友一个小小的帮助啦。 1、可以使用 SimpleDateFormat SimpleDateFormat    EEE-三位星期 d-天 MMM-月 yyyy-四位年
  • Oracle数据库新装连接串问题 aijuans oracle数据库
    割接新装了数据库，客户端登陆无问题，apache/cgi-bin程序有问题，sqlnet.log日志如下： Fatal NI connect error 12170.   VERSION INFORMATION:         TNS for Linux: Version 10.2.0.4.0 - Product
  • 回顾java数组复制 ayaoxinchao java数组
    在写这篇文章之前，也看了一些别人写的，基本上都是大同小异。文章是对java数组复制基础知识的回顾，算是作为学习笔记，供以后自己翻阅。首先，简单想一下这个问题：为什么要复制数组？我的个人理解：在我们在利用一个数组时，在每一次使用，我们都希望它的值是初始值。这时我们就要对数组进行复制，以达到原始数组值的安全性。java数组复制大致分为3种方式：①for循环方式 ②clone方式 ③arrayCopy方
  • java web会话监听并使用spring注入 bewithme Java Web
            在java web应用中，当你想在建立会话或移除会话时，让系统做某些事情，比如说，统计在线用户，每当有用户登录时，或退出时，那么可以用下面这个监听器来监听。        import java.util.ArrayList; import java.ut
  • NoSQL数据库之Redis数据库管理(Redis的常用命令及高级应用) bijian1013 redis数据库NoSQL
    一 .Redis常用命令         Redis提供了丰富的命令对数据库和各种数据库类型进行操作，这些命令可以在Linux终端使用。         a.键值相关命令         b.服务器相关命令 1.键值相关命令       &
  • java枚举序列化问题 bingyingao java枚举序列化
    对象在网络中传输离不开序列化和反序列化。而如果序列化的对象中有枚举值就要特别注意一些发布兼容问题: 1.加一个枚举值 新机器代码读分布式缓存中老对象，没有问题，不会抛异常。 老机器代码读分布式缓存中新对像，反序列化会中断，所以在所有机器发布完成之前要避免出现新对象，或者提前让老机器拥有新增枚举的jar。 2.删一个枚举值 新机器代码读分布式缓存中老对象，反序列
  • 【Spark七十八】Spark Kyro序列化 bit1129 spark
    当使用SparkContext的saveAsObjectFile方法将对象序列化到文件，以及通过objectFile方法将对象从文件反序列出来的时候，Spark默认使用Java的序列化以及反序列化机制，通常情况下，这种序列化机制是很低效的，Spark支持使用Kyro作为对象的序列化和反序列化机制，序列化的速度比java更快，但是使用Kyro时要注意，Kyro目前还是有些bug。 Spark
  • Hybridizing OO and Functional Design bookjovi erlanghaskell
      推荐博文： Tell Above, and Ask Below - Hybridizing OO and Functional Design 文章中把OO和FP讲的深入透彻，里面把smalltalk和haskell作为典型的两种编程范式代表语言，此点本人极为同意，smalltalk可以说是最能体现OO设计的面向对象语言，smalltalk的作者Alan kay也是OO的最早先驱，
  • Java-Collections Framework学习与总结-HashMap BrokenDreams Collections
            开发中常常会用到这样一种数据结构，根据一个关键字，找到所需的信息。这个过程有点像查字典，拿到一个key，去字典表中查找对应的value。Java1.0版本提供了这样的类java.util.Dictionary(抽象类)，基本上支持字典表的操作。后来引入了Map接口，更好的描述的这种数据结构。  &nb
  • 读《研磨设计模式》-代码笔记-职责链模式-Chain Of Responsibility bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /** * 业务逻辑：项目经理只能处理500以下的费用申请，部门经理是1000，总经理不设限。简单起见，只同意“Tom”的申请 * bylijinnan */ abstract class Handler { /*
  • Android中启动外部程序 cherishLC android
    1、启动外部程序 引用自： http://blog.csdn.net/linxcool/article/details/7692374 //方法一 Intent intent=new Intent(); //包名 包名+类名（全路径） intent.setClassName("com.linxcool", "com.linxcool.PlaneActi
  • summary_keep_rate coollyj SUM
    BEGIN /*DECLARE minDate varchar(20) ; DECLARE maxDate varchar(20) ;*/ DECLARE stkDate varchar(20) ; DECLARE done int default -1; /* 游标中 注册服务器地址 */ DE
  • hadoop hdfs 添加数据目录出错 daizj hadoophdfs扩容
    由于原来配置的hadoop data目录快要用满了，故准备修改配置文件增加数据目录，以便扩容，但由于疏忽，把core-site.xml, hdfs-site.xml配置文件dfs.datanode.data.dir 配置项增加了配置目录，但未创建实际目录，重启datanode服务时，报如下错误： 2014-11-18 08:51:39,128 WARN org.apache.hadoop.h
  • grep 目录级联查找 dongwei_6688 grep
           在Mac或者Linux下使用grep进行文件内容查找时，如果给定的目标搜索路径是当前目录，那么它默认只搜索当前目录下的文件，而不会搜索其下面子目录中的文件内容，如果想级联搜索下级目录，需要使用一个“-r”参数： grep -n -r "GET" .   上面的命令将会找出当前目录“.”及当前目录中所有下级目录
  • yii 修改模块使用的布局文件 dcj3sjt126com yiilayouts
    方法一：yii模块默认使用系统当前的主题布局文件，如果在主配置文件中配置了主题比如: 'theme'=>'mythm', 那么yii的模块就使用 protected/themes/mythm/views/layouts 下的布局文件； 如果未配置主题，那么 yii的模块就使用  protected/views/layouts 下的布局文件， 总之默认不是使用自身目录 pr
  • 设计模式之单例模式 come_for_dream 设计模式单例模式懒汉式饿汉式双重检验锁失败无序写入
                    今天该来的面试还没来，这个店估计不会来电话了，安静下来写写博客也不错，没事翻了翻小易哥的博客甚至与大牛们之间的差距，基础知识不扎实建起来的楼再高也只能是危楼罢了，陈下心回归基础把以前学过的东西总结一下。   *********************************
  • 8、数组 豆豆咖啡 二维数组数组一维数组
      一、概念       数组是同一种类型数据的集合。其实数组就是一个容器。   二、好处       可以自动给数组中的元素从0开始编号，方便操作这些元素   三、格式   //一维数组 1,元素类型[] 变量名 = new 元素类型[元素的个数] int[] arr =
  • Decode Ways hcx2013 decode
    A message containing letters from A-Z is being encoded to numbers using the following mapping: 'A' -> 1 'B' -> 2 ... 'Z' -> 26 Given an encoded message containing digits, det
  • Spring4.1新特性——异步调度和事件机制的异常处理 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • squid3(高命中率)缓存服务器配置 liyonghui160com
        系统:centos 5.x   需要的软件:squid-3.0.STABLE25.tar.gz 1.下载squid wget http://www.squid-cache.org/Versions/v3/3.0/squid-3.0.STABLE25.tar.gz tar zxf squid-3.0.STABLE25.tar.gz &&
  • 避免Java应用中NullPointerException的技巧和最佳实践 pda158 java
    1) 从已知的String对象中调用equals()和equalsIgnoreCase()方法，而非未知对象。 　　总是从已知的非空String对象中调用equals()方法。因为equals()方法是对称的，调用a.equals(b)和调用b.equals(a)是完全相同的，这也是为什么程序员对于对象a和b这么不上心。如果调用者是空指针，这种调用可能导致一个空指针异常 Object unk
  • 如何在Swift语言中创建http请求 shoothao httpswift
    概述：本文通过实例从同步和异步两种方式上回答了”如何在Swift语言中创建http请求“的问题。 如果你对Objective-C比较了解的话，对于如何创建http请求你一定驾轻就熟了，而新语言Swift与其相比只有语法上的区别。但是，对才接触到这个崭新平台的初学者来说，他们仍然想知道“如何在Swift语言中创建http请求？”。 在这里,我将作出一些建议来回答上述问题。常见的
  • Spring事务的传播方式 uule spring事务
    传播方式：        新建事务       required       required_new   - 挂起当前         非事务方式运行       supports   &nbs
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他