不用id,如果获取div下的img标签

Question

<div class="item">
<img id="itemimg" src="reg_image/tip.png" width="100" height="107" />
</div>
想要更改img的长宽

Answer 1

$(".item > img")这样就行了

Answer 2

$('.item').children('img').css("width","200").css("height","200");
试试

Answer 3

        document.getElementsByClassName = function(cl) {
            var retnode = [];
            var myclass = new RegExp('\\b' + cl + '\\b');
            var elem = this.getElementsByTagName('*');
            for (var j = 0; j < elem.length; j++) {
                var classes = elem[j].className;
                if (myclass.test(classes)) retnode.push(elem[j]);
            }
            return retnode;
        }
document.getElementsByClassName("item").getElementsByTagName("img")[0].style.width

Answer 4

加载jquery.js
$(function(){
   $("div.item").find("img").css({"width":"200px","height":"214px"});
})

Answer 5

借用三楼的getElementsByClassNamevar myImg = document.getElementsByClassName("item");
for(var i = 0; i < myImg.childNodes.length; i++){
   if(myImg.childNodes[i].src){
   alert(myImg.childNodes[i].src);
   }
}

Answer 6

var div = document.getElementsByTagName('div');
for (var i = 0; i < div.length; i ++) {
    if (div[i].className == 'item') {
        //如果只考虑指定div内第一个img元素，可以直接访问
        //如果有多个img都需要修改高宽属性值，就需要再对img集合进行遍历
        var img_0 = div[i].getElementsByTagName('img')[0];
        img_0.width = '200px';
        img_0.height = '214px';
    }
}​​​

Answer 7

这是JQuery啊，必须先引入JQuery才成