我想使用 javascript 函数 getElementsByClassName 在一些没有确切类名但以相同文本开头的 html div 中循环:“akordeon-item”

因此，html 文本如下所示:

<div class="akordeon-item akordeon-item-first">

<div>
    <span class="userid">
          blabla@yahoo.com
    </span>
</div>
</div>
<div class="akordeon-item akordeon-item-second">

<div>
    <span class="userid">
          john_doe@yahoo.com
    </span>
</div>
</div>
<div class="akordeon-item akordeon-item-third">

<div>
    <span class="userid">
          john_doe2@yahoo.com
    </span>
 </div>
 </div>

 <div class="akordeon-item akordeon-item-fourth">

<div>
    <span class="userid">
          john_doe3@yahoo.com
    </span>
</div>

另外，我试过的javascript代码是这个:

var slides = getElementsByClassName(".akordeon-item");
for(var i = 0; i < slides.length; i++)
{
   alert("element : "+slides[i]);
}

我还尝试在 getElementsByClassName 方法中搜索这个字符串:“akordeon-item”

我怎样才能让这个循环工作？ 请帮助...