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导致网页中GIF动画停止的解决方法
Nov 02 Javascript
javascript实现漂亮的拖动层,窗口拖拽特效
Apr 24 Javascript
jQuery原生的动画效果
Jul 10 Javascript
利用jQuery及AJAX技术定时更新GridView的某一列数据
Dec 04 Javascript
jQuery Ajax请求后台数据并在前台接收
Dec 10 Javascript
Vue异步组件使用详解
Apr 08 Javascript
Angular指令之restict匹配模式的详解
Jul 27 Javascript
解决循环中setTimeout执行顺序的问题
Jun 20 Javascript
在vue中使用v-bind:class的选项卡方法
Sep 27 Javascript
JavaScript中引用vs复制示例详析
Dec 06 Javascript
vue源码中的检测方法的实现
Sep 26 Javascript
JS如何操作DOM基于表格动态展示数据
Oct 15 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
PHP下几种删除目录的方法总结
2007/08/19 PHP
php递归列出所有文件和目录的代码
2008/09/10 PHP
PHP日期时间函数的高级应用技巧
2009/05/16 PHP
PHP实现自动登入google play下载app report的方法
2014/09/23 PHP
php隐藏实际地址的文件下载方法
2015/04/18 PHP
PHP页面输出搜索后跳转下一页的处理方法
2016/09/30 PHP
Laravel5.1 框架Request请求操作常见用法实例分析
2020/01/04 PHP
Jquery弹出窗口插件 LeanModal的使用方法
2012/03/10 Javascript
JavaScript代码复用模式实例分析
2012/12/02 Javascript
jQuery点击弹出下拉菜单的小例子
2013/08/01 Javascript
jQuery中not()方法用法实例
2015/01/06 Javascript
jQuery手机浏览器中拖拽动作的艰难性分析
2015/02/04 Javascript
使用AOP改善javascript代码
2015/05/01 Javascript
理解javascript中的严格模式
2016/02/01 Javascript
vuejs动态组件给子组件传递数据的方法详解
2016/09/09 Javascript
Vuejs仿网易云音乐实现听歌及搜索功能
2017/03/30 Javascript
JS遍历DOM文档树的方法实例详解
2018/04/03 Javascript
django简单的前后端分离的数据传输实例 axios
2020/05/18 Javascript
vue 函数调用加括号与不加括号的区别
2020/10/29 Javascript
[03:54]DOTA2英雄梦之声_第06期_昆卡
2014/06/23 DOTA
python网络编程学习笔记(四):域名系统
2014/06/09 Python
Python利用正则表达式匹配并截取指定子串及去重的方法
2015/07/30 Python
浅谈python中字典append 到list 后值的改变问题
2018/05/04 Python
Python实现多线程下载脚本的示例代码
2020/04/03 Python
Rockport乐步美国官网:风靡美国的白宫鞋
2016/11/24 全球购物
Myprotein瑞士官方网站:运动营养和健身网上商店
2019/09/25 全球购物
出国考察邀请函
2014/01/21 职场文书
讲文明树新风公益广告宣传方案
2014/02/25 职场文书
应届毕业生求职信
2014/05/26 职场文书
公司采购主管岗位职责
2014/06/17 职场文书
公司合作意向书范文
2014/07/30 职场文书
同意报考公务员证明
2015/06/17 职场文书
2015年乡镇食品安全工作总结
2015/10/22 职场文书
立秋之描写立秋的作文(五年级)
2019/08/08 职场文书
python实现图片九宫格分割的示例
2021/04/25 Python
Python中三种花式打印的示例详解
2022/03/19 Python