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 相关文章推荐
JavaScript之自定义类型
May 04 Javascript
js特效,页面下雪的小例子
Jun 17 Javascript
我的Node.js学习之路(一)
Jul 06 Javascript
使用typeof判断function是否存在于上下文
Aug 14 Javascript
jQuery使用hide方法隐藏页面上指定元素的方法
Mar 30 Javascript
vue.js将时间戳转化为日期格式的实现代码
Jun 05 Javascript
使用原生js编写一个简单的框选功能方法
May 13 Javascript
jquery实现的分页显示功能示例
Aug 23 jQuery
解决layui数据表格Date日期格式的回显Object的问题
Sep 19 Javascript
vue.js iview打包上线后字体图标不显示解决办法
Jan 20 Javascript
基于javascript canvas实现五子棋游戏
Jul 08 Javascript
基于JavaScript的数据结构队列动画实现示例解析
Aug 06 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产生随机数的两种方法实例代码 输出随机IP
2011/04/08 PHP
php采集自中央气象台范围覆盖全国的天气预报代码实例
2015/01/04 PHP
php实现无限级分类(递归方法)
2015/08/06 PHP
php将print_r处理后的数据还原为原始数组的解决方法
2016/11/02 PHP
PHP数组array类常见操作示例
2020/05/15 PHP
Jquery从头学起第四讲 jquery入门教程
2010/08/01 Javascript
javascript延时加载之defer测试
2012/12/28 Javascript
jquery入门—数据删除与隔行变色以及图片预览
2013/01/07 Javascript
把jQuery的类、插件封装成seajs的模块的方法
2014/03/12 Javascript
javascript+html5实现仿flash滚动播放图片的方法
2015/04/27 Javascript
异步JS框架的作用以及实现方法
2015/10/29 Javascript
javascript中call apply 与 bind方法详解
2016/03/10 Javascript
javascript中利用柯里化函数实现bind方法【推荐】
2016/04/29 Javascript
原生js实现回复评论功能
2017/01/18 Javascript
jQuery实现鼠标跟随效果
2017/02/20 Javascript
JS简单实现自定义右键菜单实例
2017/05/31 Javascript
详解node.js中的npm和webpack配置方法
2018/01/21 Javascript
vue.js-div滚动条隐藏但有滚动效果的实现方法
2018/03/03 Javascript
JavaScript满天星导航栏实现方法
2018/03/08 Javascript
vue-cli 组件的导入与使用教程详解
2018/04/11 Javascript
详解关于JSON.parse()和JSON.stringify()的性能小测试
2019/03/14 Javascript
nuxt踩坑之Vuex状态树的模块方式使用详解
2019/09/06 Javascript
javascript实现简易的计算器
2020/01/17 Javascript
Python 时间操作例子和时间格式化参数小结
2014/04/24 Python
朴素贝叶斯算法的python实现方法
2014/11/18 Python
python实现自主查询实时天气
2018/06/22 Python
详解django实现自定义manage命令的扩展
2019/08/13 Python
在django中使用apscheduler 执行计划任务的实现方法
2020/02/11 Python
Python 在函数上添加包装器
2020/07/28 Python
Giglio英国站:意大利奢侈品购物网
2018/03/06 全球购物
机械专业应届生求职信
2013/09/21 职场文书
三好学生先进事迹材料
2014/08/28 职场文书
省级三好学生主要事迹材料
2015/11/03 职场文书
pytorch finetuning 自己的图片进行训练操作
2021/06/05 Python
Vue的生命周期一起来看看
2022/02/24 Vue.js
Win10 heic文件怎么打开 ? Win10 heic文件打开教程
2022/04/06 数码科技