如何使用document.createElement（“img”）在javascript中显示带有类的img？

如何在js中为img元素设置类？

要使用jQuery将类添加到页面上的所有图像中，请执行以下操作：

document.createElement("img")

没有jQuery也不是很难：

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

var images=document.getElementsByTagName（“img”）；
var i；
对于（i=0；i

将元素另存为变量

var images = document.getElementsByTagName("img");
var i;

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

然后：

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

---

要使用javascript向元素添加类，请使用

.className

=>

el.className='listItem'

。这里我们将类名

listItem

添加到元素中

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

让img=document.createElement（“img”）；
img.src=https://www.imagesource.com/wp-content/uploads/2019/06/Rio.jpg';
img.className='myclassname'；
document.body.append（img）
控制台日志（img）

.myclassname{
宽度：10雷姆；
高度：10雷姆；
}

`var-elimg=document.createElement（“img”）；elmImg.className='foo'；这回答了你的问题吗@听到这个消息我很高兴！如果答案有助于解决您的问题，请随意接受！

element.className = 'someClaasName';