Javascript.RU

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

Как создать и вывести атрибут вложенного изображения?
Привет всем.
Подскажите, как правильно составить скрипт для слайдера, в котором 5 изображений. Каждое изображение лежит в своем контейнере .slide-inner

Задачи:
1. Создать каждому слайду (.slide-inner) атрибут data-alt
2. Вывести/передать в data-alt содержимое alt, вложенного в него изображения (.slide-image)

Если я правильно понимаю, надо будет создать два массива: для контейнеров и изображений. Но не могу понять как это сделать и как создать атрибут data-alt.
Ответить с цитированием
  #2 (permalink)  
Старый 12.10.2018, 11:23
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

document.querySelectorAll('.slide-inner').forEach(el=>el.dataset.alt = el.querySelector('img').alt);
Ответить с цитированием
  #3 (permalink)  
Старый 12.10.2018, 11:31
Аватар для madeas
Профессор
Отправить личное сообщение для madeas Посмотреть профиль Найти все сообщения от madeas
 
Регистрация: 13.04.2018
Сообщений: 232

Хм, все оказалось проще (
Спасибо, j0hnik
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как создать объект со своими условиями if jtag Общие вопросы Javascript 4 21.02.2016 13:12
Вывести HTML-код как текст Dion Элементы интерфейса 2 28.09.2015 22:45
Как вывести картинку по запросу Bon Events/DOM/Window 2 04.04.2012 02:20
как вывести картинку по запросу Bon Общие вопросы Javascript 0 03.04.2012 13:29
Как сделать загрузку изображения аля вконтакте? OklickSpb Общие вопросы Javascript 4 31.03.2012 17:12