如何使用 document.createElement( "img" ) 在 JavaScript 中显示带有类的 IMG？

Question

document.createElement("img")

如何在js中设置一个类的img元素?

Answer 1

使用jQuery将类添加到页面上的所有图像:

$("img").addClass("imagedropshadow")

没有jQuery也不是很困难:

var images = document.getElementsByTagName("img");
var i;
for(i = 0; i < images.length; i++) {
images[i].className += " imagedropshadow";
}

Answer 2

另存为变量

let element = document.createElement('img');

然后:

element.className = 'someClaasName';

Answer 3

使用javascript为元素添加一个类，使用.className=>el.className = 'listItem'。这里我们将类名listItem添加到元素中。

MDN: Element接口的className属性获取并设置指定元素的class属性的值。

let img = document.createElement("img");
img.src= 'https://www.imagesource.com/wp-content/uploads/2019/06/Rio.jpg';
img.className = 'myclassname';
document.body.append(img)
console.log(img)

.myclassname {
width: 10rem;
height: 10rem;
}