DOM操作-在移动轮播中覆盖动态的innerHTML

问题描述

我有一个小问题，我很难解决。

我的网站上有一个轮播，其中包括3张幻灯片，每张幻灯片在5秒后旋转/移动到下一张。轮播本身可以正常工作，并且幻灯片的旋转是通过后端的JavaScript控制的。

我必须通过DOM操作，替换每张幻灯片的innerHTML。这部分很容易。我可以简单地做到这一点：

let firstNode = document.getElementsByClassName("caousel-banner")[0];
let secondNode = document.getElementsByClassName("carousel-banner")[1];
let thirdNode = document.getElementsByClassName("carousel-banner")[2];

firstNode.innerHTML = "Great Value Summer Shades";
secondNode.innerHTML = "View Winter Catalogue";
thirdNode.innerHTML = "Sign Up";

我遇到的问题是，当轮播向后移动以滑动第一张时，轮播中的原始文本会重置为默认文本。因此，我刚刚设置的innerHTML不再适用。

在这种情况下，重复此innerHTML注入的最佳方法是什么？ （不幸的是，我正在使用的工具意味着我只能通过DOM操作来做到这一点。）

所以我必须让旋转木马运行，但是我想每次幻灯片回到旋转木马1时都继续插入javascript innerHTML。

谢谢。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）