Как обратиться к N элементу?

[LADYX]

Здравствуйте. Есть такой html код:

<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>

var item = list.getElementsByClassName('wrp')[5];
item.classList.add("class");

- это почему-то у меня работать не хочет.

Подскажите, пожалуйста, как мне обратиться, скажем, к пятому элементу с классом .wrp, чтобы добавить ему дополнительно класс? Спасибо!

[voraa]

А 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>

[LADYX]

voraa,
да, всё сделал, спасибо вам!