画像のDOM要素を反応させる方法

Question

var img = document.createElement("img"); 
    img.src = screenshots[i].content; 
    img.height = '1000'; 
    img.width = '1000'; 
    item.appendChild(img); 

高さと幅を自動または％にしたいが、それで動作しないようです。

は、私はまた、DOMは何も上の画素までの高さと幅を設定することを除いてすべてに

img.className = 'screenshot'; 

.screenshot { 
    height = '100%'; 
    width = '100%'; 
} 

を試してみましたが

Answer 1

あなたはそれが動作する

img 
{ 
    width:100%; 
    height:auto; 
} 

Answer 2

こんにちはようなものを使用することができます動作します付属のコードを参照してくださいhttp://codepen.io/anilnamde/pen/aBmLdj

// HTML 
<div id="xx"> 
</div> 

// CSS 
div{ 
    background:red; 
    width:400px; 
} 

img{ 
    width:100%; 
    height:auto; 
} 

// Javascript 
var img = document.createElement("img"); 
img.src ='https://www.google.co.in/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png'; 

document.getElementById('xx').appendChild(img); 

CSSイメージのdivの幅を変更すると、自動的に調整されます。