codedude
codedude

Reputation: 6549

adding img in js

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%?

Upvotes: 2

Views: 1208

Answers (2)

Sarfraz
Sarfraz

Reputation: 382909

....

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);

Upvotes: 5

Richard JP Le Guen
Richard JP Le Guen

Reputation: 28753

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%;
}

Upvotes: 3

Related Questions