Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 08.03.2021, 14:30
Аватар для LADYX
Профессор
Отправить личное сообщение для LADYX Посмотреть профиль Найти все сообщения от LADYX
 
Регистрация: 19.02.2015
Сообщений: 217

Как обратиться к 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, чтобы добавить ему дополнительно класс? Спасибо!
Ответить с цитированием
  #2 (permalink)  
Старый 08.03.2021, 14:38
Профессор
Отправить личное сообщение для voraa Посмотреть профиль Найти все сообщения от voraa
 
Регистрация: 03.02.2020
Сообщений: 1,172

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

Последний раз редактировалось voraa, 08.03.2021 в 14:50.
Ответить с цитированием
  #3 (permalink)  
Старый 08.03.2021, 15:34
Аватар для LADYX
Профессор
Отправить личное сообщение для LADYX Посмотреть профиль Найти все сообщения от LADYX
 
Регистрация: 19.02.2015
Сообщений: 217

voraa,
да, всё сделал, спасибо вам!
Ответить с цитированием
Ответ


Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как обратиться к элементу объекта через переменную Янковиц Элементы интерфейса 1 10.05.2020 18:53
Vue.js как обратиться к соседнему объекту. SANIOK_AV Библиотеки/Тулкиты/Фреймворки 0 21.12.2019 12:10
как обратиться к элементу созданному с помощью jQuery .after() ? mitiya Общие вопросы Javascript 1 25.09.2012 02:11
Как обратиться к элементу, который был добавлен после полной загрузки DOM? LysoSutriN jQuery 5 02.01.2012 14:59
как обратиться к элементу из XML Rentony Элементы интерфейса 1 20.12.2011 10:24