Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Как обратиться к N элементу? (https://javascript.ru/forum/dom-window/82074-kak-obratitsya-k-n-ehlementu.html)

LADYX 08.03.2021 15:30

Как обратиться к N элементу?
 
Здравствуйте. Есть такой 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 08.03.2021 15:38

А 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 08.03.2021 16:34

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


Часовой пояс GMT +3, время: 20:17.