js获取内联样式的方法
本文实例讲述了js获取内联样式的方法。分享给大家供大家参考。具体实现方法如下：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,target-densitydpi=high-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/> <title>javascript 获取内联样式</title> </head><style> #box{ width:100px; height:100px; background-image:url(1.jpg); background-size:140% 140%; background-repeat:no-repeat; border:20px solid rgba(0,0,0,.3); background-clip:border-box; background-position:-20px -20px; } </style> <body> <div id="box"></div> </body> </html> <script> //获取内联样式元素 function getStyle( obj , attr ) { if ( window.getComputedStyle ) { return getComputedStyle( obj , null )[attr]; }else{ return obj.currentStyle[attr]; } } //获取对象 function $(id){ return document.getElementById(id); } var box = $('box');
//打印样式 alert(getStyle(box , 'background-position')); </script>
希望本文所述对大家的javascript程序设计有所帮助。
-
本文向大家介绍JS获取CSS样式（style/getComputedStyle/currentStyle），包括了JS获取CSS样式（style/getComputedStyle/currentStyle）的使用技巧和注意事项，需要的朋友参考一下 CSS的样式分为三类： 内嵌样式：是写在Tag里面的，内嵌样式只对所有的Tag有效。 内部样式：是写在HTML的里面的，内部样式只对所在的网页有效。 外
-
本文向大家介绍原生JS实现获取及修改CSS样式的方法，包括了原生JS实现获取及修改CSS样式的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了原生JS实现获取及修改CSS样式的方法。分享给大家供大家参考，具体如下： 大家都知道在JavaScript原生操作中获取元素的样式，在实际操作是使用时比较频繁的一件事，这里像大家介绍下获取css样式的方法，希望可以帮助一些需要的人，如果有幸被大牛
-
本文向大家介绍js获取css的各种样式并且设置他们的方法，包括了js获取css的各种样式并且设置他们的方法的使用技巧和注意事项，需要的朋友参考一下 js原生获取css样式,并且设置,看似简单,其实并不简单,我们平时用的ele.style.样式,只能获取内嵌的样式,但是我们写的样式基本都在style属性里面; 这里我们就需要： 下面这个代码主要是设置为了兼容IE这孙子; 平时我们一般可以用 getC
-
对象语法 v-bind:style的对象语法十分直观——看着非常像 CSS，但其实是一个 JavaScript 对象。CSS 属性名可以用驼峰式 (camelCase) 或短横线分隔 (kebab-case，记得用单引号括起来) 来命名： <div v-bind:style="{ color: activeColor, fontSize: fontSize + 'px' }"></div> d
-
问题内容： 是否可以使用JavaScript获取对象的所有样式？就像是： 问题答案： 在上一篇文章中，这是一个函数： 如何使用它： CSS： JS：
-
问题内容： 我知道您可以在React类中指定样式，如下所示： 我是否应该以这种方式进行所有样式设置，并且在CSS文件中完全没有指定任何样式？ 还是应该完全避免使用内联样式？ 两者兼而有之，似乎很奇怪而且很乱-在调整样式时需要检查两个位置。 问题答案： 目前还没有很多“最佳实践”。我们中那些使用内联样式作为React组件的人仍在进行大量试验。 全部还是全部？ 我们所称的“样式”实际上包括许多概念：