如何选择div后面的img

如果是第一个话就可以使用<div class="a"><img></img></div>,

a img{

}

如果有多个img的话可以给img也出一个固定的id

呵呵，，不知道你会不会JQUERY，给你一个JQ的代码吧：

获取IMG绝对X,Y坐标，可以用offset()方法：

var X = $('#img1')offset()top;

var Y = $('#img1')offset()left;

获取相对(父元素)位置:

var X = $('#img1')position()top;

var Y = $('#img1')position()left;

是只能用前台jquery实现？？？还要实现预览？？？还要兼容IE 7+代码如下利用html5实现:几乎兼容所有主流浏览器，当然IE必须是IE 6以上

jquery代码

$(function() {

$("#file_upload")change(function() {

var $file = $(this);

var fileObj = $file[0];

var windowURL = windowURL || windowwebkitURL;

var dataURL;

var $img = $("#preview");

if(fileObj && fileObjfiles && fileObjfiles[0]){

dataURL = windowURLcreateObjectURL(fileObjfiles[0]);

$imgattr('src',dataURL);

}else{

dataURL = $fileval();

var imgObj = documentgetElementById("preview");

// 两个坑:

// 1、在设置filter属性时，元素必须已经存在在DOM树中，动态创建的Node，也需要在设置属性前加入到DOM中，先设置属性在加入，无效；

// 2、src属性需要像下面的方式添加，上面的两种方式添加，无效；

imgObjstylefilter = "progid:DXImageTransformMicrosoftAlphaImageLoader(sizingMethod=scale)";

imgObjfiltersitem("DXImageTransformMicrosoftAlphaImageLoader")src = dataURL;

}

});

});

html代码：

<input id="file_upload" type="file" />

<div class="image_container">

<img id="preview" width="60" height="60">

</div>

注下面所说的只能用flash实现太过时，太不靠谱，上传到后台回传是正解，不过不满足你只能用前台写预览！

以上就是关于如何选择div后面的img全部的内容，包括:如何选择div后面的img、请问用javascript 怎样获得 div中的img的坐标、怎么简单获取input file 选中的图片，并在一个div的img里面赋值src实现预览等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！