请教：js如何获取css加载的图片的信息

Question

比如说
这是HTML<div></div>
这是cssdiv { background:url(../images/delete.png);width:10px; height:10px;
关键就是这个width和height，因为可能要用到不同的图片，这个width和height是要根据图片大小设定的，js里面应该怎么样获取图片的信息呢

Answer 1

<div>
<img id=img src='(../images/delete.png' />
</div>
这样不就可以显示正确的图片大小了吗
js获取图片信息
var width = document.getElementById("img ").width;
var height= document.getElementById("img ").height;
var src = document.getElementById("img ").src;

Answer 2

第一个办法
var images=[{"/url/1.jpg":"","width":100,"height":200},{}];这样的js最好用服务端代码来生成。第二个办法
var image=["/url/1.jpg","/url/2.jpg"];使用ajax的方式去请求一个服务器页，让服务器页通过自定义的响应头来告诉你宽和高，然后在ajax中就可以从各应头读取了。

Answer 3

你是动态生成图片，还是动态生成css样式，如果是图片的话，不给height和width就行了，如果是css样式的话，可以先用js得到图片的width和height,再拼接到你那个div的css样式的相应位置就行了。

Answer 4

试过，不给宽高的话，显示不了，图片是作为DIV的背景被加入进来的

Answer 5

去获取DIV的background啊
宽度和高度也都是DIV的样式
给你外面这个div设置一个id或者添加一个class,然后就找到啦
想更改图片就去换div的CSS的background属性

Answer 6

加事件什么滴也都针对div来吧