js获取内联样式的方法


Posted in Javascript onJanuary 27, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
写自已的js类库需要的核心代码
Jul 16 Javascript
密码强度检测效果实现原理与代码
Jan 04 Javascript
node.js中的path.extname方法使用说明
Dec 09 Javascript
jQuery实现冻结表头的方法
Mar 09 Javascript
在页面中输出当前客户端时间javascript实例代码
Mar 02 Javascript
Dojo获取下拉框的文本和值实例代码
May 27 Javascript
js中的关联数组与普通数组详解
Jul 27 Javascript
原生的强大DOM选择器querySelector介绍
Dec 21 Javascript
在原生不支持的旧环境中添加兼容的Object.keys实现方法
Sep 11 Javascript
ES6 fetch函数与后台交互实现
Nov 14 Javascript
jQuery层叠选择器用法实例分析
Jun 28 jQuery
Javascript中的奇葩知识,你知道吗?
Jan 25 Javascript
js获取元素外链样式的方法
Jan 27 #Javascript
jquery复选框多选赋值给文本框的方法
Jan 27 #Javascript
jQuery+ajax实现动态执行脚本的方法
Jan 27 #Javascript
javascript将异步校验表单改写为同步表单
Jan 27 #Javascript
JavaScript中实现sprintf、printf函数
Jan 27 #Javascript
javascript批量修改文件编码格式的方法
Jan 27 #Javascript
JavaScript中的包装对象介绍
Jan 27 #Javascript
You might like
让这部DC动画新作刷新你的认知
2020/03/03 欧美动漫
使用XDebug调试及单元测试覆盖率分析
2011/01/27 PHP
PHP将DateTime对象转化为友好时间显示的实现代码
2011/09/20 PHP
使用array mutisort 实现按某字段对数据排序
2013/06/18 PHP
php文档工具PHP Documentor安装与使用方法
2016/01/25 PHP
Zend Framework框架路由机制代码分析
2016/03/22 PHP
jQuery基于当前元素进行下一步的遍历
2014/05/20 Javascript
jQuery选择器全集详解
2014/11/24 Javascript
用js写的一个路由(简单实例)
2016/09/24 Javascript
Js动态设置rem来实现移动端字体的自适应代码
2016/10/14 Javascript
Centos7 中 Node.js安装简单方法
2016/11/02 Javascript
关于在mongoose中填充外键的方法详解
2017/08/14 Javascript
详解如何让InstantClick兼容MathJax、百度统计等
2017/09/12 Javascript
JS中的JSON对象的定义和取值实现代码
2018/05/09 Javascript
vue中使用heatmapjs的示例代码(结合百度地图)
2018/09/05 Javascript
微信小程序返回上一页传参并刷新过程解析
2019/12/13 Javascript
纯js实现无缝滚动功能代码实例
2020/02/21 Javascript
React中Ref 的使用方法详解
2020/04/28 Javascript
Python数据类型详解(一)字符串
2016/05/08 Python
Python的Tornado框架实现异步非阻塞访问数据库的示例
2016/06/30 Python
Python的多维空数组赋值方法
2018/04/13 Python
Python使用matplotlib实现基础绘图功能示例
2018/07/03 Python
python 使用re.search()筛选后 选取部分结果的方法
2018/11/28 Python
python买卖股票的最佳时机(基于贪心/蛮力算法)
2019/07/05 Python
150行Python代码实现带界面的数独游戏
2020/04/04 Python
JVM是一个编译程序还是解释程序
2012/09/11 面试题
精彩的推荐信范文
2013/11/26 职场文书
新学期班主任寄语
2014/01/18 职场文书
小学信息技术教学反思
2014/02/10 职场文书
小学生开学第一课活动方案
2014/03/27 职场文书
公司寄语大全
2014/04/10 职场文书
cf战队收人口号
2014/06/21 职场文书
励志演讲稿200字
2014/08/21 职场文书
司法局群众路线教育实践活动整改措施
2014/09/17 职场文书
教师廉政准则心得体会
2016/01/20 职场文书
为什么node.js不适合大型项目
2021/04/28 Javascript