Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.06.2019, 13:29
Аспирант
Отправить личное сообщение для _marisha Посмотреть профиль Найти все сообщения от _marisha
 
Регистрация: 18.05.2018
Сообщений: 99

Заменить значение height в div
Доброго времени суток!
Подскажите, пожалуйста, как в div в style заменить значение height. Спасибо.
Пример, есть элемент:
<div class="slick-track" style="opacity: 1; height: 1674px; transform: translate3d(0px, -702px, 0px);">

В данном случае в style нужно (два варианта)
1) заменить height на maxheight: 498px;
2) убрать height
Ответить с цитированием
  #2 (permalink)  
Старый 20.06.2019, 13:39
Аспирант
Отправить личное сообщение для _marisha Посмотреть профиль Найти все сообщения от _marisha
 
Регистрация: 18.05.2018
Сообщений: 99

var element = document.getElementsByClassName('slick-track');
    element.style.height = '400px';

В таком случае в консоли ошибка "Cannot set property 'height' of undefined"
Ответить с цитированием
  #3 (permalink)  
Старый 20.06.2019, 13:40
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 26,651

_marisha,
<div class="slick-track" style="opacity: 1; height: 1674px; transform: translate3d(0px, -702px, 0px);"></div>
<script>
  let {style} = document.querySelector(".slick-track");
  style.height = "";
  style.maxWidth = "498px"
</script>
Ответить с цитированием
  #4 (permalink)  
Старый 20.06.2019, 13:42
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 26,651

Сообщение от _marisha
var element = document.getElementsByClassName('slick-track');
это список элементов!!! нужен индекс
element[0].style.height = '400px';
Ответить с цитированием
  #5 (permalink)  
Старый 20.06.2019, 13:52
Аспирант
Отправить личное сообщение для _marisha Посмотреть профиль Найти все сообщения от _marisha
 
Регистрация: 18.05.2018
Сообщений: 99

рони, спасибо что откликнулись )
let{style} = document.querySelector(".slick-track");
    style.height = "400px"; // или style.height = "";

В таком случае ошибка в консоли Uncaught TypeError: Cannot destructure property `style` of 'undefined' or 'null'.

var element = document.getElementsByClassName('slick-track');
element[0].style.height = '400px';

В таком случае ошибка Uncaught TypeError: Cannot read property 'style' of undefined
Ответить с цитированием
  #6 (permalink)  
Старый 20.06.2019, 13:57
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 26,651

_marisha,
рано запустили скрипт, элементов ещё нет с данным классом. ставить после инициализации слайдера.
Ответить с цитированием
  #7 (permalink)  
Старый 20.06.2019, 14:01
Аспирант
Отправить личное сообщение для _marisha Посмотреть профиль Найти все сообщения от _marisha
 
Регистрация: 18.05.2018
Сообщений: 99

рони, действительно, если добавить код после подключения слайдера, то в консоли ошибок нет.
Но высота не применяется
<script>
    $('.slider').slick({
        arrows: false,
        infinite: true,
        autoplay: true,
        Speed: 3000,
        slidesToShow: 1,
        slidesToScroll: 1,
        pauseOnHover: true,//остановка при наведении
        pauseOnFocus: true,
        focusOnSelect: true,
        variableWidth: true,
        asNavFor: '.slider-nav'
    });
    $('.slider-nav').slick({
        vertical: true,
        arrows: true,
        infinite: true,
        slidesToShow: 9,
        slidesToScroll: 1,
        asNavFor: '.slider',
        pauseOnHover: true,
        pauseOnFocus: true,
        focusOnSelect: true,
        variableHeight: true,
    });
</script>
<script>
    let style = document.querySelector(".slick-track");
    style.height = "";
    style.maxheight = "498px"
</script>
Ответить с цитированием
  #8 (permalink)  
Старый 20.06.2019, 14:53
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 26,651

Сообщение от _marisha
Но высота не применяется
где код?!!!
Сообщение от _marisha
let{style}
Ответить с цитированием
  #9 (permalink)  
Старый 20.06.2019, 16:02
Аспирант
Отправить личное сообщение для _marisha Посмотреть профиль Найти все сообщения от _marisha
 
Регистрация: 18.05.2018
Сообщений: 99

Скажите, пожалуйста, что сделано не так? (
Ответить с цитированием
  #10 (permalink)  
Старый 20.06.2019, 16:04
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 26,651

_marisha,
фигурные скобки добавьте {}
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
обработчик событий для динамически добавленных элементов Tecvid Events/DOM/Window 28 25.06.2018 13:49
Размер блока div ioprst_ Events/DOM/Window 7 20.06.2018 09:50
Найти максимальное и минимальное значение в элементах DOM smart-create Events/DOM/Window 17 11.07.2017 13:36
Как получить значение ячейки таблицы внутри блока div, в итерации .each() Sanu0074 jQuery 1 21.01.2014 17:32
Вставить значение div в переменную js snake AJAX и COMET 2 21.10.2013 14:38