javascript原生style属性分析

最新推荐文章于 2022-10-26 18:23:04 发布
最新推荐文章于 2022-10-26 18:23:04 发布
阅读量105 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/isuben/p/5333714.html
版权 
 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title></title>
 6 </head>
 7 <body>
 8 由于oDiv.style只能获取到行间样式，非行间样式需要用到currentStyle
 9 <div id="div1"></div>
10 <style>
11     #div1{
12         width: 100px;
13         height: 200px;/*单一样式或者简单样式*/
14         background-color: darkslategray;/*复合样式*/
15         border: 1px solid #DEDEDE;/*复合样式*/
16     }
17 </style>
18 <script>
19     window.onload=function(){
20        var oDiv1=document.getElementById("div1");
21 　　　　alert(getStyle(oDiv1, "background"));
22 
23     }
24 
25     function getStyle(obj, name){  //无法获取复合样式
26         if(obj.currentStyle){
27             return obj.currentStyle[name];//IE下可用
28         }else{
29             return getComputedStyle(obj, false)[name];//ff和google可用
30         }
31     }
32 </script>
33 </body>
34 </html>

 

转载于:https://www.cnblogs.com/isuben/p/5333714.html

weixin_30781433
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript原生拼图游戏
03-19
在JavaScript原生拼图游戏中，CSS用于设置界面的样式，如颜色、字体、大小、位置等。例如，可以使用CSS选择器定位到特定的游戏元素，并应用相应的样式规则。CSS3还提供了动画效果，可以用来增强用户体验，比如拼图块...
原生js实现改变随意改变div属性style的名称和值的结果
10-26
我们将学习如何设置、修改以及重置div的style属性。 首先，让我们从原生JavaScript的方法开始。原生JavaScript提供了一种直接操作元素样式属性的方式，通过`element.style`对象。这个对象包含了元素的所有内联样式...
原生js动态添加style，添加样式
03-28 7921
原生js动态添加style，添加样式 第一种 var style="[assign-url='"+str+"']{display:initial}"; var ele=document.createElement("style"); ele.innerHTML=style; document.getElementsByTagName('head')[0].appendChi...
安卓原生样式Style的寻找
元古宙新手的博客
01-18 171
引用系统的样式，大概分为两种; 一、兼容包里面的样式；---样式示例： ?attr/selectableItemBackground 二、Sdk的样式；---样式示例： ?android:attr/selectableItemBackground 如果想知道Sdk或者兼容包里面，谷歌工程师，是怎么写Style的； 那么开始寻找： 一 先找兼容包:...
原生style 与 jquery 获取修改元素总结
github_turboemily的博客
08-19 1307
html lang="en"> head> meta charset="UTF-8"> title>Titletitle> script src="javascripts/http_code.jquery.com_jquery-2.0.0.js">script> style> img{ width:100%;
小程序原生动态style和class的方法
峰会路转的博客
10-26 2780
原生小程序的动态绑定与vue的还是有区别的,记录下原生小程序的动态绑定style和class。然后就和正常的操作没什么区别了。
原生js修改元素样式的几种方式
热门推荐
业余前端的职业经历
12-20 2万+
用惯了vue和react之后可能会慢慢淡忘掉原生的一些操作dom的几种方式，有的时候确实需要我们通过原生的方式进行操作。 今天就说几个 通过原生j s方式修改样式的方法 最简单的就是 直接 dom.style 如果是 长一点的属性名字的话 是通过 驼峰的写法 比如。“backgroun d-color” => backgroundColor var bottom = document.querySelector('#bottom'); bottom.style.backgroundColor = '#
js无法获取style样式的问题解析与解决方法
oiu1010110的博客
12-07 6236
一、JS只能修改内嵌方式设置的样式值    在JavaScript中，通过document.getElementById(id).style.XXX可以获取到XXX的值，但意外的是这样做只能取到通过内嵌方式设置的样式值，即style属性里面设置的值。
原生javascript实现css属性的set和get
08-10
原生JavaScript提供了DOM对象的style属性，可以用来直接操作元素的内联样式。本文将深入探讨如何使用原生JavaScript来实现CSS属性的set和get方法，以及在实际开发中的应用。 ### CSS属性的获取（get） 获取CSS属性...
原生javascript获取元素样式属性值的方法
10-28
本文将详细介绍如何使用原生JavaScript来获取元素的样式属性值，并对比IE特有方法和W3C标准方法的区别。 首先，当我们需要获取HTML元素的样式属性值时，最直接的方法是通过`elem.style.attr`，这里的`attr`是CSS...
示例4：操作节点属性.rar_javascript操作节点属性
09-20
4. **属性事件监听**：可以通过`addEventListener()`监听属性变化，但需要注意，浏览器原生不支持直接监听属性变化，通常需要借助MutationObserver API来实现。例如： ```javascript const observer = new ...
原生js获取style操作
shuoSmallWhite的博客
07-20 3601
1.  ele.style.color   此类方法只能获取元素行内样式； 2. 若想获取其余style  ，可进行如下操作： var style=window.getComputedStyle 但是此方法存在兼容性问题，支持chrome, firefox, ie9+; 解决兼容性方式 三元表达式： var style=window.getComputedStyle ? window.g...
JavaScript中如何用原生的js获取style样式
michael8512的博客
08-17 5866
1. Element.style 该方法只能获取到内联样式，而无法获取到和中的样式 例如： 测试 function getStyle(obj){ var color=obj.style.color; alert(color) }但是当没有内联样式时，则无法获取到默认样式，
原生js更改css样式的两种方式
qq_31984915的博客
11-06 1万+
下面我给大家介绍的是原生js更改CSS样式的两种方式： 1通过在javascript代码中的node.style.cssText="css表达式1；css表达式2；css表达式3  "的方式直接更改CSS样式。 2先在CSS样式表中对特定的类如“active类”设置样式（这里的active类是假定的，暂时不存在），然后再在javascript代码中通过node.classname="activ
js获取style(一)
weixin_42645716的博客
03-01 1805
转自： https://www.cnblogs.com/qianduangaoshou/p/6483126.html 1，obj.style方法， 缺点：只能获取在元素标签内的style样式，当css元素位于标签之外时，无法获取到相应的css 2，对于Firefox chrome浏览器，选定样式为getComputerStyle（）方法这个方法需要Dom2的 document.defaultV...
js的 style.width 取不到元素的宽度值
weixin_30576859的博客
11-26 258
以前一直用jquery的.width()方法来获取一个元素的当前的宽度。不管该元素是否设置了宽度，CSS样式是内联、外联or内嵌，都可用此方式获得元素当前的宽度。 今天想用原生JS想获取一个元素宽度时，写document.getElementById("id").style.width或者document.getElementById("id").width都取不到值。。。 总结...
原生JS 设置样式
程序猿开发日志【学习永无止境】
02-24 8093
用JS来动态设置CSS样式，常见的有以下几种 1. 直接设置style的属性某些情况用这个设置 !important值无效 如果属性有'-'号，就写成驼峰的形式（如textAlign）  如果想保留 - 号，就中括号的形式  element.style['text-align'] = '100px';element.style.height = '100px'; 2. 直接设
原生js获取元素style属性
weixin_34396902的博客
01-04 716
function getStyle(ele,attr){ if( ele.currentStyle ){ return ele.currentStyle[attr]; // ie } else { return getComputedStyle(ele)[attr]; // 非ie } } ...
原生js改变原生style
最新发布
08-19
你可以通过`style`属性来访问和修改元素的样式。下面是一个改变元素样式的示例： ```javascript // 获取要改变样式的元素 var element = document.getElementById('myElement'); // 修改元素的背景颜色 element....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值