18910140161

HTML-如何迭代两个对象的JavaScript代码-堆栈溢出

顺晟科技

2022-10-18 13:54:07

96

我想将同一段代码应用于JavaScript中的两个对象。

调用getElementsByClass时,我的网站中出现了两个对象。因此,我想对这两个对象应用相同的代码。目前,我只将其应用于一个对象(Text[0]),并且我还想将其应用于Text[1]

var text=document.getElementsByClassName("th");
var text =text[0];
        var newDom = '';
        var animationDelay = 6;

        for(let i = 0; i < text.innerText.length; i++)
        {
            newDom += '<span class="char">' + (text.innerText[i] == ' ' ? '&nbsp;' : text.innerText[i])+ '</span>';
        }

        text.innerHTML = newDom;
        var length = text.children.length;

        for(let i = 0; i < length; i++)
        {
            text.children[i].style['animation-delay'] = animationDelay * i + 'ms';
        }
}

顺晟科技:

我认为您希望同时使用item[0]item[1]来执行相同的操作。

你可以创建一个函数。或者也通过迭代您的项来调用此函数。

var text=document.getElementsByClassName("th");


function myFunc(text) {
  var newDom = '';
        var animationDelay = 6;

        for(let i = 0; i < text.innerText.length; i++)
        {
            newDom += '<span class="char">' + (text.innerText[i] == ' ' ? '&nbsp;' : text.innerText[i])+ '</span>';
        }

        text.innerHTML = newDom;
        var length = text.children.length;

        for(let i = 0; i < length; i++)
        {
            text.children[i].style['animation-delay'] = animationDelay * i + 'ms';
        }
}
}

myFunc(text[0]); // call functions with your items.
myFunc(text[1]);
        
  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航