编程 Javascript

通过js获取div的background-image属性

Posted in Javascript onOctober 15, 2013

之前没有注意过div的background-image这个属性，只是设置它的url，今天遇到一个问题特此做一下记录。

<div id="img_2" style="width:133px;height:95px; cursor:pointer; background-image: url('Chrysanthemum.jpg');" onclick="tempClick()"></div>

在js中想获取image属性

document.getElementById('img_2').style.backgroundImage;

注意黑体部分哦，div中的是background-image，而获取属性时是backgroundImage。应该是所有这种带有“-”的style都要这么做吧，这个有待验证，

先记录此问题学习。

通过js获取div的background-image属性

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript 面向对象编程万物皆对象

Sep 17 Javascript

锋利的jQuery 要点归纳（一） jQuery选择器

Mar 21 Javascript

JS事件在IE与FF中的区别详细解析

Nov 20 Javascript

js实现的标题栏新消息闪烁提示效果

Jun 06 Javascript

喜大普奔！jQuery发布 3.0 最终版

Jun 12 Javascript

微信公众号菜单配置微信小程序实例详解

Mar 31 Javascript

Javascript防止图片拉伸的自适应处理方法

Dec 26 Javascript

jquery引入外部CDN 加载失败则引入本地jq库

May 23 jQuery

vue watch普通监听和深度监听实例详解(数组和对象)

Aug 16 Javascript

JavaScript中this的全面解析及常见实例

May 14 Javascript

轻松学习JavaScript函数中的 Rest 参数

May 30 Javascript

浅谈在vue-cli3项目中解决动态引入图片img404的问题

Aug 04 Javascript

js日期相关函数总结分享

Oct 15 #Javascript

JavaScript的继承的封装介绍

Oct 15 #Javascript

jquery实现兼容浏览器的图片上传本地预览功能

Oct 14 #Javascript

js 距离某一时间点时间是多少实现代码

Oct 14 #Javascript

js算法中的排序、数组去重详细概述

Oct 14 #Javascript

鼠标拖动实现DIV排序示例代码

Oct 14 #Javascript

不同Jquery版本引发的问题解决

Oct 14 #Javascript

You might like

NOT NULL 和NULL

2007/01/15 PHP

php文件读取方法实例分析

2015/06/20 PHP

PHP函数func_num_args用法实例分析

2015/12/07 PHP

xml 封装与解析(javascript和C#中)

2009/07/26 Javascript

javascript闭包的高级使用方法实例

2013/07/04 Javascript

jQuery中outerWidth()方法用法实例

2015/01/19 Javascript

jQuery实现从身份证号中获取出生日期和性别的方法分析

2016/02/25 Javascript

原生js实现addClass,removeClass,hasClass方法

2016/04/27 Javascript

Bootstrap实现导航栏的2种方式

2016/11/28 Javascript

jquery对象与DOM对象转化

2017/02/08 Javascript

JS操作xml对象转换为Json对象示例

2017/03/25 Javascript

微信小程序标签传入数据

2017/05/08 Javascript

基于ES6 Array.of的用法(实例讲解)

2017/09/05 Javascript

AngularJS实现的输入框字数限制提醒功能示例

2017/10/26 Javascript

Vue 兄弟组件通信的方法（不使用Vuex）

2017/10/26 Javascript

使用async、enterproxy控制并发数量的方法详解

2018/01/02 Javascript

Angularjs 根据一个select的值去设置另一个select的值方法

2018/08/13 Javascript

js中自定义react数据验证组件实例详解

2018/10/19 Javascript

ng-zorro-antd 入门初体验

2018/12/03 Javascript

谈谈React中的Render Props模式

2018/12/06 Javascript

JS添加或删除HTML dom元素的方法实例分析

2019/03/05 Javascript

JS中async/await实现异步调用的方法

2019/08/28 Javascript

antd中table展开行默认展示,且不需要前边的加号操作

2020/11/02 Javascript

[16:56]教你分分钟做大人：司夜刺客

2014/10/30 DOTA

[02:08]什么藏在DOTA2 TI9“小紫本”里？斧王历险记告诉你！

2019/05/17 DOTA

python基础知识（一）变量与简单数据类型详解

2019/04/17 Python

Python While循环语句实例演示及原理解析

2020/01/03 Python

python输出第n个默尼森数的实现示例

2020/03/08 Python

在Python中用GDAL实现矢量对栅格的切割实例

2020/03/11 Python

英国最大的高品质珠宝和手表专家：Goldsmiths

2017/03/11 全球购物

住院医师规范化培训实施方案

2014/06/12 职场文书

人口与计划生育目标管理责任书

2014/07/29 职场文书

留学推荐信英文范文

2015/03/26 职场文书

病危通知单

2015/04/17 职场文书

五星级酒店宣传口号

2015/12/25 职场文书

Python Django / Flask如何使用Elasticsearch

2022/04/19 Python