Adding img to js

Question

I am using javascript to create an image element like this:

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

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

+2

codedude Apr 30 10 at 17:13

2 answers

You can specify the width on this image: (taken from others answer)

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

Or provide a class name and specify it in CSS:

JavaScript:

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

CSS

img.wide {
    width:100%;
}

+3

Richard JP Le Guen Apr 30 10 at 17:23

Sarfraz · Accepted Answer · 2010-04-30T17:15:42+0000

....

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

Make sure you attach img

to body

.

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