在js中添加img

Question

我正在使用javascript创建一个像这样的图像元素：

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

如果将此img的宽度设为100％，我该怎么做？

Answer 1

...

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

确保将img附加到body。

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

Answer 2

您可以指定该图像的宽度:(取自其他人的回答）

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

或者指定一个类名并在CSS中定位它：

JavaScript的：

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

CSS：

img.wide {
    width:100%;
}