obj.style 和currentstyle 等区别

最新推荐文章于 2020-12-20 03:25:18 发布
原创 最新推荐文章于 2020-12-20 03:25:18 发布 · 3.3k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细解释了在CSS中obj.style、runtimeStyle及obj.currentStyle的区别。obj.style仅能获取内联样式，runtimeStyle可以赋予最高优先级的样式，而obj.currentStyle则能反映出实际显示的样式。
获取样式
 obj.style   和currentstyle  等区别

obj.style只能获得内嵌样式（inline Style）就是写在Tag里面的，他访问不到那些链接的外部css和在head中用<style>声明的style。
所以必须认识到在那些使用外部Css文件的页面中，如果用style赋值，如obj.style=“color:red”;显然效果是正确的，其中的奥秘确是只是在该对象的tag上多添加了一个style属性，按照由小到大的优先级呈现罢了。

runtimeStyle简单的说就是你可以对一个节点的样式赋值，他将成为最高优先级的节点样式。

obj.currentStyle就强大多了，他能够获取关于这个节点所有位置的style，但是他也按照优先级，说穿了就是显示的是什么他就是指向哪一个style，如下代码字体优先是显示blue的，那currentStyle.color就是blue，当然此时style.color也会是blue。
前端学习＜四＞JavaScript基础——37-通过style对象获取和设置行内样式
——心比天高，仗剑走天涯，保持热爱，奔赴向梦想！低调，谦虚，自律，反思，成长，还算是比较正能量的博主，公益免费传播……内心特别想在AI界做出一些可以推进历史进程影响力的东西(兴趣使然，有点小情怀，也有点使命感呀)…
04-20 2185
在DOM当中，如果想设置样式，有两种形式：className（针对内嵌样式）style（针对行内样式）这篇文章，我们就来讲一下style。需要注意的是：style是一个对象，只能获取行内样式，不能获取内嵌的样式和外链的样式。例如：  <!DOCTYPE html>  <html lang="en">  <head>      <meta charset="UTF-8"
Javascript改变CSS样式(局部和全局)
12-12
一、局部改变样式 有三种方法：直接改变样式、改变className和改变cssText 改变className： document.getElementById(‘obj’).className=”…” 改变cssText：document.getElementById(‘obj’).style.cssText=”width:20px; border:solid 1px #f00;”; 改变直接样式： document.getElementById(‘obj’).style.backgroundColor=”#003366″ 二、全局改变样式 通过改变外链样式的的href的值实现网页样式的实时
obj.style
qq_42199464的博客
08-20 411
                                          &nbs
currentstyle 织梦_dede currentstyle属性完美解决方案
weixin_39809584的博客
12-20 190
问题一、dede让channelartlist标签支持currentstyle属性完美解决打开include\taglib\channelartlist.lib.php找到$pv->Fields['typeurl'] = GetOneTypeUrlA($typeids[$i]);在此行代码下方增加以下代码：if($typeids[$i]['id'] == $refObj->TypeL...
论style、getComputedStyle、currentStyle之间的区别和联系
RENYZHI的博客
11-10 2044
今天同事问我一个问题，希望能够获取到CSS样式中背景图的URL地址，我听到之后的第一反应就是style来获取，但是在实践的过程中遇到了一些问题。 我们在CSS中设置了背景图片，但是发现并没有办法使用JS的style来获取到。这个时候，我们应该选择其他的方式。特此，写一篇文章来记录一下整个思考和解决的过程。 之前一直在新浪博客上去写自己的技术博客，但是发现貌似没有几个人看，也可能是因为我更新的太慢了。
currentStyle
weixin_33896069的博客
10-26 209
用js的style属性可以获得html标签的样式，但是不能获取非行间样式。 解决方法： 在IE下可以用currentStyle; 在FF下用getComputedStyle; 然而，为了让其兼容，解决方法，封装成getStyle事件： <!DOCTYPE html><html lang="en"><head> <meta charset="U...
js用obj.currentStyle和getComputedStyle获取非行间样式的说明
u010182294的博客
08-18 799
obj.currentStyle 只在ie浏览器里支持  getComputedStyle 在 firefox chorm safari 浏览器里都支持  obj.currentStyle 具体的使用方法 如: var color = obj.currentStyle.backgroundColor //获取obj的背景色 //设置obj背景色为红色 ob
function buffer(obj,elementObj){ clearInterval(obj.timer); let speed=0,begin=null,target=0 obj.timer = setInterval(function(){ for(let key in elementObj){ // 获取属性 begin=getStyleAttr(obj,key) target=elementObj[key] //得到速度 speed = (target - begin)*0.2; speed = target > begin ? Math.ceil(speed):Math.floor(speed); obj.style[key] = begin + speed+"px"; obj.innerHTML = begin; //到达目标值停下 if(begin === target){ clearInterval(obj.timer); } } },30) } function getStyleAttr(obj,ele){ if(obj.currentStyle){ return parseInt(obj.currentStyle[ele]) ; }else{ return parseInt(window.getComputedStyle(obj,null)[ele]) ; } }
07-15
函数`buffer`接受两个参数，`obj`是要进行动画的元素对象，`elementObj`是一个包含要改变的样式属性和目标值的对象。 首先，代码使用`clearInterval`函数清除之前可能存在的定时器。 然后，定义了一些变量`speed`...
getComputedStyle与currentStyle获取样式(style/class)
09-05
本文主要讨论两种主要的方法：`getComputedStyle` 和 `currentStyle`，它们用于获取元素的CSS样式信息，特别是那些通过class属性引用的外部样式表中的样式。 1. `getComputedStyle` 是一个DOM全局方法，主要在非IE...
var initVideoEffect = function () { // 初始化幻灯片按钮选中样式 $(".btnBox a").mouseover(function () { $(".btnBox a").each(function () { this.className = this.className.replace("_cur", ""); }); this.className = this.className + "_cur"; }); // 设置滑动效果 var slide = $("#slideAreaList").bxSlider({ auto: true, pause: 6000, auto_hover: true, speed: 400, }); // 鼠标滑过图片停止滑动，移开复原 slide.hover( function () { $(this).stop(); }, function () { $(".btnBox a").each(function () { if (this.className.indexOf("_cur") != -1) { $(this).mouseover(); } }); } ); var imgIncrease = 100; // 增加图像像素（变焦） var videoIncrease = 200; // 增加图像像素（变焦） // 初始化的信息 $(".indexVideo .imgList").each(function () { var obj = $(this); obj.css("width", "324"); obj.css("height", "274"); }); $(".indexVideo .imgList").hover( function () { var obj = $(this); var img = obj.find("img"); obj.find(".mask").stop().fadeTo(500, 0.5); obj.find(".text").show().fadeTo(300, 1); img.stop().animate( { width: 324 + imgIncrease, left: (100 / 2) * -1, top: (100 / 2) * -1, }, { duration: 500, queue: false, } ); }, function () { //发现图像和动画... var obj = $(this); /**********Begin**********/ /**********End**********/ } ); }; $(function () { initVideoEffect(); }); 编程要求 融合工厂的 HTML 页面总会有一些动画交互需求，根据右侧文件的上下文关系，我们需要获取 img，然后将尺寸变成我们初始化的 324 宽度，左侧和顶部位置恢复正常，动画变化为 500 毫秒，然后隐藏 .text。
最新发布
12-01
return obj.currentStyle[name]; } } ``` ### 代码解释 1. **获取元素**：使用 `document.querySelector` 方法获取 `img` 元素和 `.text` 元素。 2. **记录初始状态**：记录 `img` 元素的初始宽度、左侧和顶部...
obj.currentStyle.property、window.getComputedStyle(obj,null).property、obj.style.property 获取与元素属性的总结
JiM-W 的博客
01-07 2396
obj.currentStyle.property、window.getComputedStyle(obj,null).property、obj.style.property 获取与元素属性的总结 offsetWidth offsetHeight
JS getComputedStyle() 与 currentStyle
ssisse的博客
09-08 1155
在对网页进行调试的过程中，经常会用到js来获取元素的CSS样式，方法有很多很多，现在仅把我经常用的方法总结如下： 1. obj.style：这个方法只能JS只能获取写在html标签中的写在style属性中的值（style=”…”），而无法获取定义在里面的属性。  <!– .ss{color:#cdcdcd;} –> JS获取CSS属性值 alert(do
style和currentStyle使用
chenlaoyang的专栏
12-04 644
1. obj.style 获取的是内联样式，即style属性中的值。 比如，下图中最后弹出为空。 2. obj.currentStyle 外部（使用）和内部（使用）样式表中的样式。 注意：只有 IE 和 Opera 支持使用 currentStyle 获取 HTMLElement 的计算后的样式，其他浏览器中不支持。 标准浏览器中使用getComputedStyle，IE9
currentstyle 织梦_dede织梦 arclist标签完美支持currentstyle属性
weixin_39999025的博客
12-20 219
由于客户需求，所以进行对文章的arclist标签进行设置当前样式(currentstyle)，修改前记得备份。dede版本v5.7sp找到PHP修改:include/taglib/arclist.lib.php1、搜索:$channelid = $ctag->GetAtt(‘channelid’);在下面插入:$currentstyle = $ctag->GetAtt(‘current...
js用currentStyle和getComputedStyle获取css样式（非行间）
热门推荐
cui_angel的专栏
07-31 2万+
用js的style属性可以获得html标签的样式，但是不能获取非行间样式。那么怎么用js获取css的非行间样式呢？在IE下可以用currentStyle，而在火狐下面我们需要用到getComputedStyle。下面是一个小示例： js用currentStyle和getComputedStyle获取css样式 #div1{width:100px; height:100px; backgr
obj.style.width问题
wz13759497175的博客
12-06 724
在学习过程中发现obj.style.width怎么也获取不到容器的宽度, 经了解才知道obj.style.width只能获取行内样式, 非行内样式想要取得容器的宽度可以采用： 1.obj.offsetWidth 2.obj.clientWidth
JavaScript读取元素的样式style、getComputedStyle()、currentStyle
webpon
08-15 410
style方法 style对象代表一个单独的样式声明，可以从应用样式的文档元素访问Style对象。style对象获取的是内联样式获，取不了外部的样式，即这个方法只能JS只能获取写在html标签中的写在style属性中的值（style=”…”），而无法获取定义在<style type="text/css">里面的属性。 注意：currentStyle属性和getComputed...
currentStyle使用示例
coding
07-14 2167
currentStyle使用示例 Dom中的currentStyle属性．从字面上理解这是当前样式风格．没错currentStyle就是用来获取元素内Css的style样式属性值．比如说元素的width值height值．甚至元素的文本排放方式text-align,包括
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值