js获取内联样式的方法
更新时间：2015年01月27日 11:01:52 投稿：shichen2014
这篇文章主要介绍了js获取内联样式的方法,针对标准浏览器与IE浏览器进行不同的判断与获取,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了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>
<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程序设计有所帮助。
相关文章
提高javascript效率 一次判断，而不要次次判断，学习js的朋友可以参考下2012-03-03
这篇文章主要介绍了js获取 gif 的帧数的代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-09-09
这篇文章主要介绍了JS全局变量和局部变量最新解析的相关知识，本文给给大家补充js删除局部变量的代码，非常不错，具有参考借鉴价值，感兴趣的朋友一起学习吧2016-06-06
本文给大家总结了一下使用javascript来获取服务器时间的几种方法和思路，十分的简单明了，有需要的小伙伴可以参考下2015-05-05
本篇文章主要是对JS文本获得焦点清除文本文字的示例代码进行介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
Proxy用于修改某些操作的默认行为，在目标对象前架设一个“拦截”层，外界对该对象的访问都必须先通过这一层拦截，因此提供了一种机制可以对外界的访问进行过滤和改写。本文就讲讲Proxy的使用2021-05-05
本文主要介绍了JavaScript中匿名函数的递归调用。具有很好的参考价值，下面跟着小编一起来看下吧2017-01-01
这篇文章主要帮助大家深入理解javascript模块化，感兴趣的小伙伴们可以参考一下2016-03-03
QQ强制聊天功能代码,脚本之家以前也发布过，但已经不能用了，这个是新版本，经过测试，完全兼容新版本的qq.2010-06-06
本文给大家分享的是一则使用javascript结合Flexbox简单实现滑动拼图游戏的代码，虽然没有实现完整的功能，但是还是推荐给大家，喜欢的朋友可以继续做完2016-02-02
最新评论