Примеры на понимание(сейчас будут добавлены в этот пост)
<div id="id1" class="someClass">id1</div>
<div id="id2" class="someClass">id2</div>
<div id="id3" class="someClass">id3</div>
<div id="id4" class="someClass">id4</div>
<div id="id5" class="someClass">id5</div>
<script type="text/javascript">
var someClass = document.getElementsByClassName('someClass');
var anotherClass = document.getElementsByClassName('anotherClass');
document.writeln('Count of someClass: ' + someClass.length + '<br>');//5
document.writeln('Count of anotherClass: ' + anotherClass.length + '<br>');//0
document.writeln('ID of first someClass: ' + someClass[0].id + '<br>');//id1
someClass[0].className='anotherClass';//change class
document.writeln('Count of someClass: ' + someClass.length + '<br>');//4
document.writeln('Count of anotherClass: ' + anotherClass.length + '<br>');//`
document.writeln('ID of first someClass: ' + someClass[0].id + '<br>');//id2
</script>
Как видим, после строки "change class" нулевой элемент плавно "перетек" из someClass в anotherClass
При этом нулевым элементом в someClass стал уже другой - id2