在js中获取在css中设置的background-image值
2016-08-17 23:45
351 查看
1. html部分
2. css部分
3. js部分
注意:fire和google chrome都可以用getComputedStyle(object, attr)方法获取style属性,而IE浏览器用getStyle(object, attr)获取style里面的属性
<div class="bg-color-two" id="bg_color_two" onclick="setBg(this)"></div> <div class="bg-color-three" id="bg_color_three" onclick="setBg(this)"></div>
2. css部分
.bg-color-two { width: 40px; height:40px; background-image:url(811915c596d17e09d4f85bd7e80ccee7.jpg); background-size:40px 40px; } .bg-color-three { width: 40px; height:40px; background- image:url(675aa3366a8cda46febf0053c82e4f27.jpeg); background-size:40px 40px; }
3. js部分
function setBg(control) { //google用getComputedStyle(object, attr)方法获取style属性 var bgImage = getComputedStyle(document.getElementById(control.id), "style").backgroundImage; console.log(bgImage); //bgImage = "url(file:///C:/Users/Gladys/Desktop/811915c596d17e09d4f85bd7e80ccee7.jpg) }
注意:fire和google chrome都可以用getComputedStyle(object, attr)方法获取style属性,而IE浏览器用getStyle(object, attr)获取style里面的属性
相关文章推荐
- 前端的小玩意(9.3)——做一个仿360工具箱的web页面(我的工具里的模板和样式)
- css3 中 margin-top使用的注意点
- css布局—一列宽度固定,一列宽度自适应
- CSS float
- css中绝对定位的元素如何让其居中显示
- 图片用block引起换行问题引审
- 移动端样式小技巧
- css3 扇形
- CSS快速学习1
- arcgis for js 修改infowindow样式
- css选择器
- 【CSS】创建布局
- QTableWidget详解(样式、右键菜单、表头塌陷、多选等)
- 巧用函数实现js插入css样式
- CSS checkbox
- CSS入门级学习
- js 样式操作
- 安卓开发——改变checkbox控件框的颜色
- HTML和CSS的入门小结
- CSS3 过渡