adding img in js

Question

I'm using javascript to create an image element like so:

var img = document.createElement('img');

What would I do to give this img a width of 100%?

Sarfraz · Accepted Answer · 2010-04-30 17:26:40Z

5

....

var img = document.createElement('img'); 
img.setAttribute('width', '100%');

Make sure that you attach the img to the body.

document.getElementsByTagName('body')[0].appendChild(img);

answered Apr 30, 2010 at 17:15

Sarfraz

384k81 gold badges561 silver badges613 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Richard JP Le Guen · Accepted Answer · 2010-04-30 17:23:24Z

3

You could either specify the width on that image: (taken from others' answer)

var img = document.createElement('img'); 
img.setAttribute('width', '100%');
document.getElementsByTagName("body")[0].appendChild(img);

Or specify a class name and target it in CSS:

JavaScript:

var img = document.createElement('img'); 
img.setAttribute('class', 'wide');
document.getElementsByTagName("body")[0].appendChild(img);

CSS:

img.wide {
    width:100%;
}

answered Apr 30, 2010 at 17:23

28.8k8 gold badges93 silver badges121 bronze badges