我目前在开发一个网站,需要通过javascript动态添加内容。我正在使用UIKit (https://getuikit.com/docs/slider)。
这是我想要实现的:
<img src="images/photo.jpg" alt="" uk-cover>
我已经尝试过的方法:
img = document.createElement("img");
img.ukcover = "";
那么我该如何在我的img html标签中添加uk-cover呢? 谢谢!
我目前在开发一个网站,需要通过javascript动态添加内容。我正在使用UIKit (https://getuikit.com/docs/slider)。
这是我想要实现的:
<img src="images/photo.jpg" alt="" uk-cover>
我已经尝试过的方法:
img = document.createElement("img");
img.ukcover = "";
Element.setAttribute()
来设置指定元素上的属性值。如果该属性已经存在,则更新其值;否则,将添加一个具有指定名称和值的新属性。
let img = document.createElement("img");
img.setAttribute('src', 'images/photo.jpg');
img.setAttribute('alt', 'photo');
img.setAttribute('uk-cover', '');
document.body.appendChild(img)
console.log(img);
alt
属性中,因为仅具有视觉价值的图像应该在它们上面设置一个空的alt
属性。setAttribute(propertyName, value)
方法来实现此操作。img = document.createElement("img");
img.setAttribute("ukcover", "");
img.setAttribute("src", "images/photo.jpg");
img.setAttribute("alt", "");
Element.setAttribute
。const img = document.createElement("img");
img.setAttribute('uk-cover', "https://picsum.photos/300");
setAttribute()
方法,将第二个参数传递为空字符串。
img = document.createElement("img");
img.setAttribute('uk-cover','');
img.src = "https://www.google.co.in/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png"
document.body.appendChild(img);
要设置属性,您可以使用img.setAttribute("uk-cover", "")