Мне нужно добавить следующий атрибут начальной загрузки (col-md-6) в div, который по умолчанию уже напечатан с существующим классом:
<div class="images" style="opacity: 1;">
Вы скажете сделать это напрямую, но это PHP-шаблон, который я до сих пор не могу найти, и я устал искать его в пакете. Поэтому я намерен сделать это следующим образом с помощью последовательности JavaScript.
<div class="col-md-6 images" style="opacity: 1;">
Имейте в виду, что у вас есть один,
clase
а не одинid
для идентификации вашего элемента, он вернет массив приgetElementsByClassName
использовании методаfor
.С чистым JavaScript (без библиотек или фреймворков) через className это свойство будет возвращать строку с классами выбранного элемента, чтобы добавить определенный класс к элементу, вы можете добавить имя класса, для этого вы можете использовать базовую конкатенацию строк синтаксис += (обратите внимание , что необходим дополнительный пробел, иначе классы оказались бы вместе) .
Если бы у вашего элемента был идентификатор, он
(id)
был бы напрямуюИспользуя Jquery, я бы использовал addClass , чтобы добавить имя класса к данному элементу HTML.
Вы также можете добавлять классы, используя свойство classList , это свойство содержит следующие наиболее важные методы .
Добавить курс или несколько курсов
Удалить курс или несколько курсов
Проверить, содержит ли элемент класс
Для обработки класса элемента в javascript я рекомендую использовать объект
classList
, который предоставляет методы для добавления, удаления и проверки наличия элемента в списке классов.jquery-версия
Версия без jQuery
Я рекомендую вам всегда пытаться писать код без jQuery.
Я прилагаю ссылку,
classList
чтобы вы могли более подробно увидеть его поведение.Исправление для современных браузеров.
Можно сделать то же самое, что и ответ @Dev. Джоэл, но используя classList .
В отличие от
className
, в этом методе вам не нужно объединять существующие классы с тем, который вы хотите добавить.Он используется следующим образом:
Мы также используем querySelectorAll() , но вы все равно можете использовать его
getElementsByClassName
для получения списка узлов.ФРАГМЕНТ КОДА:
jsFiddle
Если вы хотите добавить более одного класса, используя этот метод, вы должны разделить каждый класс запятыми.
Вы можете проверить браузеры, которые поддерживают этот метод здесь .
Свойство объектов HTML , определяющих класс,
className
имеет тип string .Его можно изменить напрямую, чтобы добавить другой класс, просто добавьте текст, используя
obj.className+=" nombre";
(Оставьте пробел перед ним, как в HTML ).Пример кода: