Question

我只是想在文档正文中添加div但是不能像div那样执行默认的图像大小尝试在div中拟合图像而不给出高度和宽度，它仅取决于div .. 那我该怎么办..

HTML

 <div id="placehere" style="height: 250px; width: 300px; 
      overflow:hidden;position:absolute">

的Javascript

window.onload=function(){
   var elem = document.createElement("img");
   elem.setAttribute("src", "images/slider-1.jpg");
   elem.setAttribute("height", "");
   elem.setAttribute("width", "");
   elem.setAttribute("alt", "");
   document.getElementById("placehere").appendChild(elem);
}

Answer 1

为什么不直接使用CSS呢？确实没有必要使用JS将包含<div>的大小转移到<img>：

以下CSS定义应该达到您的需要：

#placehere img {
   width: 100%;
   height: 100%;
}

jsFiddle Demo

Answer 2

@BenM已经使用css提供了很好的答案但是如果你想使用jquery那么你可以试试这个： -

$(document).ready(function(){
    var dv=$('#placehere');
    var img=$('<img/>',{ width:dv.width()+'px',height:dv.height()+'px',src:"images/slider-1.jpg"});
    dv.append(img);
  });

Demo

将div高度和宽度传递给图像

2 个答案: