А list как получаете?
<style>
.wrp {
background: cyan;
margin: 5px;
height: 8px;
}
.class {
border: solid red 2px;
}
</style>
<div class="wrapper">
<div class="wrp"></div>
<div class="wrp"></div>
<div class="wrp"></div>
<div class="wrp"></div>
<div class="wrp"></div>
<div class="wrp"></div>
<div class="wrp"></div>
<div class="wrp"></div>
<div class="wrp"></div>
<div class="wrp"></div>
</div>
<script>
var list = document.querySelector('.wrapper')
var item = list.getElementsByClassName('wrp')[5];
item.classList.add("class");
</script>