Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > IT форум > Помощь студентам
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 10.05.2019, 14:40   #1
drezkot
Новичок
Джуниор
 
Регистрация: 10.05.2019
Сообщений: 2
По умолчанию Вопрос по JAVASCRIPT (поменять класс)

Добрый день, помогите написать Код на javascript, что бы при адаптации < 992px .container поменялся на .container-fluid
Код:
<div class="container">
   <div class="row justify-content-center">
	<div class="col-3">
		<img src="img/logo.jpg" alt="Логотип">
	</div>
        <div class="col-5">
	        <p>Производство и продажа спортивного<br> оборудования с доставкой по всей России</p>
        </div>
        <div class="col-4">
	        <a href="#">+7(999)999-99-99</a>
        </div>
   </div>
</div>
drezkot вне форума Ответить с цитированием
Старый 10.05.2019, 14:47   #2
Alex11223
Старожил
 
Аватар для Alex11223
 
Регистрация: 12.01.2011
Сообщений: 19,500
По умолчанию

CSS media query обычно для такого используют без смены классов.
Ушел с форума, https://www.programmersforum.rocks, alex.pantec@gmail.com, https://github.com/AlexP11223
ЛС отключены Аларом.
Alex11223 вне форума Ответить с цитированием
Старый 10.05.2019, 14:51   #3
Вадим Мошев

Старожил
 
Аватар для Вадим Мошев
 
Регистрация: 12.11.2010
Сообщений: 8,568
По умолчанию

Код:
let cnt = document.querySelector('.container');
if (document.body.clientWidth < 992) {
	cnt.className = 'container-fluid';
};
А вообще, это надо делать с помощью медиаЗапросов css
Вадим Мошев вне форума Ответить с цитированием
Старый 10.05.2019, 14:55   #4
Alex11223
Старожил
 
Аватар для Alex11223
 
Регистрация: 12.01.2011
Сообщений: 19,500
По умолчанию

classList есть в современных браузерах вместо перезаписи всей строки https://developer.mozilla.org/en-US/...ment/classList

Ну и раз уж не var, то зачем let, когда можно const?
Ушел с форума, https://www.programmersforum.rocks, alex.pantec@gmail.com, https://github.com/AlexP11223
ЛС отключены Аларом.
Alex11223 вне форума Ответить с цитированием
Старый 10.05.2019, 15:08   #5
Вадим Мошев

Старожил
 
Аватар для Вадим Мошев
 
Регистрация: 12.11.2010
Сообщений: 8,568
По умолчанию

Цитата:
Сообщение от Alex11223 Посмотреть сообщение
classList есть в современных браузерах вместо перезаписи всей строки
Так нам всю строку и надо перезаписать?


Цитата:
Сообщение от Alex11223 Посмотреть сообщение
Ну и раз уж не var, то зачем let, когда можно const?
Ну, let хотя бы короче. Потом, у меня просто привычка константам присваивать то, что захардкожено или функции (если это не function declaration).
Например,
Код:
const THE_BEST_NUMBER_I_HAVE_EVER_SEEN = 42;
или

Код:
const getById = id => document.getElementById(id)
Вадим Мошев вне форума Ответить с цитированием
Старый 10.05.2019, 15:25   #6
Alex11223
Старожил
 
Аватар для Alex11223
 
Регистрация: 12.01.2011
Сообщений: 19,500
По умолчанию

Цитата:
Сообщение от Вадим Мошев Посмотреть сообщение
Так нам всю строку и надо перезаписать?
ну там сейчас один класс, но если надо будет добавить другие классы, то сломается.
Ушел с форума, https://www.programmersforum.rocks, alex.pantec@gmail.com, https://github.com/AlexP11223
ЛС отключены Аларом.
Alex11223 вне форума Ответить с цитированием
Старый 10.05.2019, 15:34   #7
Вадим Мошев

Старожил
 
Аватар для Вадим Мошев
 
Регистрация: 12.11.2010
Сообщений: 8,568
По умолчанию

Тогда окей, да...
Вадим Мошев вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вопрос по JavaScript alexey_kip JavaScript, Ajax 10 13.02.2014 19:16
Дочерний класс. 1 вопрос paravoz1k Помощь студентам 1 30.11.2011 09:00
Вопрос о ошибки Javascript Slash74 JavaScript, Ajax 0 13.05.2010 19:56
Вопрос По Javascript MoT9I JavaScript, Ajax 1 05.01.2009 19:28
вопрос, класс CString Ceprey Помощь студентам 2 02.03.2008 14:35