必威体育Betway必威体育官网
当前位置:首页 > IT技术

JavaScript之Style对象与CurrentStyle对象

时间:2019-07-13 14:45:31来源:IT技术作者:seo实验室小编阅读:78次「手机版」
 

currentstyle

1、Style对象

style对象代表一个单独的样式声明,可以从应用样式的文档元素访问Style对象。style对象获取的是内联样式,即元素标签中style属性的值。

例子:

<style type="text/css">#p{color:gray;}</p>//内部样式

<p id="p" style="color:red;"></p>//内联样式

document.getelementbyid('id').style.color;//值为red

2、currentstyle对象

返回所有样式声明(包括内部、外部、内联)按css层叠规则作用于元素的最终样式。只有IE和Opera支持使用CurrentStyle获取的元素计算后的样式。getComputeStyle()方法可以获取当前元素所使用的css属性值。

var p=window.getComputeStyle("p",null).color;//第一个参数为目标元素,第二个参数为伪类(必需,没有伪类设为null)

与style对象的区别:

getComputeStyle()是只读,只能获取不能设置,style能读能设;

对于一个没有设定任何样式的元素,getComputedStyle()返回对象中的length属性值,而style对象中length是0。

不同的浏览器对currentStyle对象支持有差异,需要兼容处理。

var p=document.getElementById('p');

var colorStr=null;

if(p.currentStyle){//兼容IE

colorStr=p.currentStyle;

}else{

colorStr=window.getComputedStyle(p,null);

}

var col=colorStr.color;//得到p的color属性值

3、例子(可拖动的层)

currentstyle对象

style对象

相关阅读

cJSON的简单应用(json对象、数组)

cJSON 结构:typedef struct cJSON {structcJSON *next,*prev;       /* next/prevallow you to walk array/object chains.

理解Java平台上的Local对象

语言和地理环境对我们的文化产生重要影响.我们同他人之间的交流以及生活中的事件都发生在语言和地理环境所产生的一个系统里.由于

java的JsonObject对象提取值

import com.alibaba.fastjson.JSON; import com.alibaba.fastjson.JSONArray; import com.alibaba.fastjson.JSONObject; i

c# 未将对象引用设置到对象的实例中

相信这个问题每个c#编程的都会遇见过,很常见,但是对于初学者肯定是一头雾水,一脸懵逼,对象引用?对象实例?什么鬼,首先解释下这里面的名词

JS 解决IE浏览器出现Automation 服务器不能创建对象

1、Automation 服务器不能创建对象解决方案:工具 -> Internet选项 -> 安全 -> 自定义级别->ActiveX控件和插件(启用如下ActiveX控件

分享到:

栏目导航

推荐阅读

热门阅读