изменить высоту только что созданного div / HTML, JavaScript, VBScript, CSS

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / изменить высоту только что созданного div

10 сообщений из 10, страница 1 из 1

изменить высоту только что созданного div

#40119344

qlewe

Гость

создаю плавное изменение размера для только что созданного динамически div, чтобы он красиво появился

Код: javascript

1.
2.
3.
4.

let newd = document.createElement('div');
mai.appendChild(newd);
newd.classList.add('appe');
newd.classList.add('appe0');

Код: css

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.

.appe{
background:red;
height: 90px;    
transition: height  2s;
}
.appe0{
background:blue;
height: 45px;   
transition: height  2s; 
}

но размер применяется моментально. очень прошу помочь

я перепробовал вообще всё и на грани нервного срыва, пожалуйста, без советов "почитай книги, потом спрашивай"

...

Рейтинг:

0 / 0

11.12.2021, 22:36

| Ответить | Цитировать | Написать

изменить высоту только что созданного div

#40119352

бабушкин зайчик

Гость

через jQueryUI делайте

...

Рейтинг:

0 / 0

11.12.2021, 23:01

| Ответить | Цитировать | Написать

изменить высоту только что созданного div

#40119353

qlewe

Гость

бабушкин зайчик, без jQuery

...

Рейтинг:

0 / 0

11.12.2021, 23:01

| Ответить | Цитировать | Написать

изменить высоту только что созданного div

#40119357

qlewe

Гость

я успешно меняю высоту div по нажатию на кнопку, но высоту только что созданного div изменить почему-то не получается

...

Рейтинг:

0 / 0

11.12.2021, 23:16

| Ответить | Цитировать | Написать

изменить высоту только что созданного div

#40119366

fkthat

Участник

Сообщения: 3 601

Рейтинг: 0 / 0

qlewe

Попробуй так:

Код: javascript

1.
2.
3.
4.

let newd = document.createElement('div');
mai.appendChild(newd);
newd.classList.add('appe');
setTimeout(() => newd.classList.add('appe0'), 0);

...

Рейтинг:

0 / 0

11.12.2021, 23:57

| Ответить | Цитировать | Написать

изменить высоту только что созданного div

#40119376

qlewe

Гость

fkthat, оооо получилось, спасибо) смысл я понимаю, но это костыль инвалидного языка, грустно в такие моменты

...

Рейтинг:

0 / 0

12.12.2021, 01:22

| Ответить | Цитировать | Написать

изменить высоту только что созданного div

#40119389

krvsa

Участник

Откуда: г Волжский

Сообщения: 13 813

Рейтинг: 0 / 0

qlewe

но это костыль инвалидного языка, грустно в такие моменты

Не че на зеркало пенять, коли рожа крива. (с) Народная мудрость

...

Рейтинг:

0 / 0

12.12.2021, 10:34

| Ответить | Цитировать | Написать

изменить высоту только что созданного div

#40119390

вадя

Участник

Откуда: Екатеринбург

Сообщения: 19 399

Рейтинг: 0 / 0

qlewe,

читать учебники всё же надо
https://jsfiddle.net/b1emvzon/

...

Рейтинг:

0 / 0

12.12.2021, 10:36

| Ответить | Цитировать | Написать

изменить высоту только что созданного div

#40119951

uProger

Гость

qlewe,

Тогда на чистом JS ))

...

Рейтинг:

0 / 0

14.12.2021, 14:37

| Ответить | Цитировать | Написать

изменить высоту только что созданного div

#40119953

uProger

Гость

qlewe,

а css transform чем не подходит?

...

Рейтинг:

0 / 0

14.12.2021, 14:39

| Ответить | Цитировать | Написать

10 сообщений из 10, страница 1 из 1

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / изменить высоту только что созданного div

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=22&tid=1443148]:	0ms
get settings:	11ms
get forum list:	14ms
check forum access:	4ms
check topic access:	4ms
track hit:	28ms
get topic data:	13ms
get forum data:	3ms
get page messages:	52ms
get tp. blocked users:	2ms
others:	241ms

total:	372ms