Скрипты выполняются сразу же после загрузки. Вот у тебя тег <script> уже загрузился, скрипт уже отрабатывается, а остальные элемента еще не загружены. Надо либо писать скрипт после элементов, с которыми идет работа, либо сделать так:
window.onload = function()
{
var items = document.getElementsByClassName('i-tabs');
for (i=0;i<items.length;i++){
items[i].classList.add('b-tabs-'+(i+1));
}
}
Первое лучше, потому-что второй вариант сработает только после полной загрузки страницы, включая картинки.