欢迎您访问我爱IT技术网,今天小编为你分享的javascript教程:【通过js获取div的background-image属性】,下面是详细的讲解!
通过js获取div的background-image属性
之前没有注意过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属性的用户互动如下:
相关问题:Div中的style:background-image属性在script中该怎...
答:举个例子哈==== 无标题文档 #test{ width:300px; height:400px; background-image:url( http://img1.gtimg.com/0/75/7554/755446_1200x1000_0.jpg); } var test=document.getElementById("test"); test.onmouseover=function(){ this.style.back... >>详细
相关问题:js里的css属性怎么写backgroundImage的参数
答:css('background','url(images/test.jpg) left no-repeat');你这个应该是jquery的属性把反正我一般都是这么写的 就一个background, >>详细
相关问题:javascript 的 div.style.backgroundImage,直接设...
答:function setbg() {var top = document.getElementById("thetop");var img = new Image();img.src = "bar_bg.png";img.width = top.style.width;img.height = top.style.height;img.onload = function (top) { top.style.backgroundImage = "url... >>详细
- 【firefox】firefox浏览器不支持innerText的解决
- 【Extjs】Extjs学习过程中新手容易碰到的低级错误
- 【clearInterval】js clearInterval()方法的定义
- 【dom】javascript dom追加内容实现示例-追加内容
- 【checkbox】让checkbox不选中即将选中的checkbox
- 【Array】js中更短的 Array 类型转换-类型转换
- 【append】append和appendTo的区别以及appendChil
- 【ExtJs】ExtJs 表单提交登陆实现代码-表单提交-
- 【ajax清除浏览器缓存】Ajax清除浏览器js、css、
- 【AJAX】AJAX异步从优酷专辑中采集所有视频及信息
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-
