使用Javascript有序地更改所有类名值

使用Javascript有序地更改所有类名值,javascript,html,Javascript,Html,这是我的代码: <script type="text/javascript"> var index = -1; var memo = ['num1','num2','num3','num4','num5','num6']; function start() { index = (index + 1) % memo.length ; var cusid_ele = document.getElementsByClassName('MemoClass'); for (var

这是我的代码:

<script type="text/javascript">

var index = -1;
var memo = ['num1','num2','num3','num4','num5','num6'];



function start() {

index = (index + 1) % memo.length ;

var cusid_ele = document.getElementsByClassName('MemoClass');

for (var i = 0; i < cusid_ele.length; ++i) { var item = cusid_ele[i]; item.innerHTML = memo[index]; }

}
</script>

<input type="button" value="start" onclick="start()">
</br>
</br>
<span class="MemoClass"></span>
</br>
<span class="MemoClass"></span>
</br>
<span class="MemoClass"></span>
</br>
<span class="MemoClass"></span>
</br>
<span class="MemoClass"></span>
</br>
<span class="MemoClass"></span>

var指数=-1;
风险值备忘录=['num1'、'num2'、'num3'、'num4'、'num5'、'num6'];
函数start(){
索引=(索引+1)%memo.length;
var cusid_ele=document.getElementsByClassName('MemoClass');
对于(var i=0;i






当你按下开始按钮时

每个类名都有一个重复的值, 我希望这些值能有序地给出, 这样,按下START时输出: num1 num2 num3 num4 num5
num6

memo[index]
更改为
memo[i]因为您的索引在循环中没有更改

for (var i = 0; i < cusid_ele.length; ++i) { var item = cusid_ele[i]; item.innerHTML = memo[i]; }
}
for(var i=0;i

var指数=-1;
风险值备忘录=['num1'、'num2'、'num3'、'num4'、'num5'、'num6'];
函数start(){
索引=(索引+1)%memo.length;
var cusid_ele=document.getElementsByClassName('MemoClass');
对于(var i=0;i






您有一个打字错误

for (var i = 0; i < cusid_ele.length; ++i) { var item = cusid_ele[i]; item.innerHTML = memo[i]; // here change from index to i
}
span{
颜色:红色;
}









将备忘录[index]更改为备忘录[i],因此

for (var i = 0; i < cusid_ele.length; ++i) { var item = cusid_ele[i]; item.innerHTML = memo[i]; }
for(var i=0;i