Форум программистов, компьютерный форум, киберфорум
JavaScript для начинающих
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.60/5: Рейтинг темы: голосов - 5, средняя оценка - 4.60
 Аватар для Cdelphi78
140 / 74 / 18
Регистрация: 21.02.2014
Сообщений: 3,444

Не получается добавить класс объекту java script

25.09.2017, 22:04. Показов 1078. Ответов 5
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Вот код но он чет не работает, не пойму в что я упускаю
JavaScript
1
2
3
4
5
6
7
8
var elements = document.querySelectorAll('.zoom-anim-dialog');
 
          for (var i = 0; i < elements.length; i++) {
            var mfpBox = new Object(elements[i]);
            console.log( mfpBox);
 
            mfpBox.classList.add('class');
          }
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
25.09.2017, 22:04
Ответы с готовыми решениями:

Java script: не получается присвоить значение background-colour
&lt;html&gt; &lt;style&gt; a { background-color: #5c7e90; position:absolute; top:99px; left:10px; } &lt;/style&gt; ...

Добавить Java Script в Html страницу
Всем привет Я новичек на форуме и в html. Меня интересует такой вопрос: Есть небольшой код HTML страницы:...

Добавить в HTML программу на языке Java Script
помогите прошу вас,пожалуйста Используя за основу HTML - документ добавьте в него программу на языке Java Script позволяющую...

5
 Аватар для Lazy_Den
3325 / 2845 / 1423
Регистрация: 15.01.2014
Сообщений: 6,170
25.09.2017, 22:18
Cdelphi78, В консоли ошибки наблюдаете?
И зачем объект-обёртка? С ним тоже будет работать, но как по мне, то действие лишнее.
JavaScript
1
2
3
4
var elements = document.querySelectorAll('.zoom-anim-dialog');
for (var i = 0; i < elements.length; i++) {
    elements[i].classList.add('class');
}
1
Всегда онлайн
 Аватар для MrOnlineCoder
1084 / 788 / 295
Регистрация: 07.04.2013
Сообщений: 2,703
25.09.2017, 22:20
Cdelphi78, зачем создавать каждый раз новый экземпляр элемента в цикле? Достаточно:
JavaScript
1
2
3
4
5
6
7
var elements = document.querySelectorAll('.zoom-anim-dialog');
for (var i = 0; i < elements.length; i++) {
  var mfpBox = elements[i];
  console.log( mfpBox);
 
  mfpBox.classList.add('class');
}
1
 Аватар для Cdelphi78
140 / 74 / 18
Регистрация: 21.02.2014
Сообщений: 3,444
25.09.2017, 22:31  [ТС]
спасибо, но у меня все равно класс не добавляеться,
однако если и использую вот это то он добавляется только в консоли а в dom не добавляется
JavaScript
1
elements[i].className +=" my-class";
Да не знаю зачем я новый объект создавал)
0
 Аватар для Lazy_Den
3325 / 2845 / 1423
Регистрация: 15.01.2014
Сообщений: 6,170
25.09.2017, 22:46
Cdelphi78, вы чего-то недоговариваете. Пример по ссылке, что я давал выше, у вас работает? Думаю, что да. Значит, причина где-то у вас в коде.
0
 Аватар для Cdelphi78
140 / 74 / 18
Регистрация: 21.02.2014
Сообщений: 3,444
25.09.2017, 22:51  [ТС]
Lazy_Den, все нормально уже, я затупил, все добавляется, я просто не на ту строчку смотрю, спасибо еще раз.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
25.09.2017, 22:51
Помогаю со студенческими работами здесь

Добавить класс объекту
Есть код &lt;div class=&quot;container_category_update&quot;&gt; &lt;div class=&quot;overflow_five_items&quot;&gt; &lt;ul&gt; &lt;li&gt; &lt;input...

Добавить класс объекту в зависимости от выбранного option в select
Есть такая форма с select. &lt;select name=&quot;design&quot; class=&quot;wpcf7-form-control wpcf7-select&quot; id=&quot;design&quot; aria-invalid=&quot;false&quot;&gt; ...

Не получается добавить сторонний класс в проект Android Studio
Нашел класс для работы с лед подсветкой для sony xperia но не могу его добавить , делаю все по инструкции : ...

Есть ли такая инструкция на VB Script или на Java Script (или HTML), с помощью которой можно было сделать ссылку 'назад'?
Помогите, кто может! Есть ли такая инструкция на VB Script или на Java Script (или HTML), с помощью которой можно было сделать ссылку...

Чем java отличается от java script?
сабж ясен из заголовка


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Новые блоги и статьи
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки
Neotwalker 08.03.2026
Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .
Модульная разработка через nuget packages
DevAlt 07.03.2026
Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F#
DevAlt 06.03.2026
В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .
Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование
8Observer8 05.03.2026
Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D
8Observer8 04.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий
8Observer8 02.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .
Реалии
Hrethgir 01.03.2026
Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .
Ритм жизни
kumehtar 27.02.2026
Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru