在创建这些缩略图时,是否可以指定一个新类,并相应地设置样式?
如果您想这样做:
你需要抓住每一个元素[data-id]
属性到对象数组中var ids = document.querySelectorAll("[data-id]");
然后需要对其进行迭代,并检查值:
ids.forEach((el) => {
if (parseInt(el.dataset.id) > 100) {
el.classList.add("new-style");
}
});
您可以在CSS中添加新样式(因此您可以根据需要进行更改,而无需接触js)
您希望将js包装在一个文档中,以便在开始之前元素就已经存在,否则它将返回未定义的。
最终代码:
document.addEventListener("DOMContentLoaded", function () {
var ids = document.querySelectorAll("[data-id]");
ids.forEach((el) => {
if (parseInt(el.dataset.id) > 100) {
el.classList.add("new-product");
}
});
});
然后,您可以使用
.new-product{}
在CSS文件中。
我希望这有帮助!