Javascript DIV内的背景图像重复

Javascript DIV内的背景图像重复,javascript,image,repeat,Javascript,Image,Repeat,我有一个js动画div图像,它在下面重复。我已经检查和编辑了css好几次,但都不起作用,我想这可能是我提供的js代码的这一部分。有人能告诉我如何对js应用无重复吗 { class Slide { constructor(el) { this.DOM = {el: el}; this.DOM.slideImg = this.DOM.el.querySele

我有一个js动画div图像,它在下面重复。我已经检查和编辑了css好几次,但都不起作用,我想这可能是我提供的js代码的这一部分。有人能告诉我如何对js应用无重复吗

    {
            class Slide {
                constructor(el) {
                    this.DOM = {el: el};
                    this.DOM.slideImg = this.DOM.el.querySelector('.slide__img');
                    this.bgImage = this.DOM.slideImg.style.backgroundImage;
                    this.layout();
                }
                layout() {
                    this.DOM.slideImg.innerHTML = `<div class='glitch__img' style='background-image: ${this.DOM.slideImg.style.backgroundImage};'></div>`.repeat(5);
                    this.DOM.glitchImgs = Array.from(this.DOM.slideImg.querySelectorAll('.glitch__img'));
                }
                changeBGImage(bgimage, pos = 0, delay = 0) {
                    setTimeout(() => this.DOM.glitchImgs[pos].style.backgroundImage = bgimage, delay);
                }
            }

{
课堂幻灯片{
建造师(el){
this.DOM={el:el};
this.DOM.slideImg=this.DOM.el.querySelector('.slide\uu img');
this.bgImage=this.DOM.slideImg.style.backgroundImage;
这个布局();
}
布局(){
this.DOM.slideImg.innerHTML=``。重复(5);
this.DOM.glitchImgs=Array.from(this.DOM.slideImg.querySelectorAll('.glitch\uu img'));
}
更改bgimage(bgimage,位置=0,延迟=0){
setTimeout(()=>this.DOM.glitchimms[pos].style.backgroundImage=bgimage,delay);
}
}

将CSS后台重复属性应用于元素的JavaScript语法为:

object.style.backgroundRepeat=“无重复”

在这种情况下,
对象
是应用属性和值的元素。

如果您的
\u幻灯片\u img
需要一个
无重复
,您可以将其放在CSS中吗

CSS文件

.slide_img {
    background-repeat:no-repeat;
}

如果这不起作用,那么您的代码中可能有其他东西阻止了它。在这种情况下,请包含所有代码,以便我们可以重现您的问题。

这是什么。重复(5)函数调用?这是一个小故障的动画图像,每次选择按钮链接时都会发生变化-希望有帮助。好的,我稍后会尝试,那么我在js代码中的位置添加它吗?在放置背景图像之后,好的,就像我说的那样,我尝试了,但没有效果。如果没有joy会发布css,我会先尝试上面的js解决方案d部分的HTML-谢谢。