<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
.tabs li{
float: left;
width: 100px;
border-bottom: #FF0000 2px solid;
border-top:#FF0000 2px solid;
list-style: none;
padding: 4px;
}
.tabs li:first-child{
border-left: #FF0000 2px solid;
border-radius: 8px 0 0 8px;
}
.tabs li:last-child{
border-right: #FF0000 2px solid;
border-radius:0 8px 8px 0;
}
</style>
<script>
var items = document.getElementsByClassName('i-tabs');
for (i=0;i<items.length;i++){
items[i].classList.add('b-tabs-'+(i+1));
}
</script>
</head>
<body>
<ul class="tabs">
<li class="i-tabs">
<a href="#">my_title</a>
<div>my_text</div>
</li>
<li class="i-tabs">
<a href="#">my_title</a>
<div>my_text</div>
</li>
<li class="i-tabs">
<a href="#">my_title</a>
<div>my_text</div>
</li>
</ul>
</body>
</html>
не отрабатывает скрипт