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

2.0.34

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

Гость

Нов. | Гор. | Избр.

Действия ...

Доб. в избранное
Игнор. тему
Прикреп. тему
Пометить прочит. / непрочит.
Фильтр:
Сообщения автора темы
Сообщение содержит вложения
Сообщение содержит картинки
Сообщение содержит видеоклипы
Сообщение содержит аудиоклипы
Сообщение содержит картинки или видео 18+

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

11.12.2021, 22:36

#40119344

qlewe

Гость

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

создаю плавное изменение размера для только что созданного динамически 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, 23:01

#40119352

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

Гость

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

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

...

Рейтинг:

0 / 0

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

11.12.2021, 23:01

#40119353

qlewe

Гость

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

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

...

Рейтинг:

0 / 0

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

11.12.2021, 23:16

#40119357

qlewe

Гость

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

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

...

Рейтинг:

0 / 0

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

11.12.2021, 23:57

#40119366

fkthat

Участник

Сообщения: 3 601
Рейтинг: 0 / 0

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

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

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

12.12.2021, 01:22

#40119376

qlewe

Гость

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

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

...

Рейтинг:

0 / 0

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

12.12.2021, 10:34

#40119389

krvsa

Участник

Откуда: г Волжский
Сообщения: 13 813
Рейтинг: 0 / 0

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

qlewe

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

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

...

Рейтинг:

0 / 0

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

12.12.2021, 10:36

#40119390

вадя

Участник

Откуда: Екатеринбург
Сообщения: 19 399
Рейтинг: 0 / 0

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

qlewe,

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

...

Рейтинг:

0 / 0

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

14.12.2021, 14:37

#40119951

uProger

Гость

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

qlewe,

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

...

Рейтинг:

0 / 0

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

14.12.2021, 14:39

#40119953

uProger

Гость

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

qlewe,

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

...

Рейтинг:

0 / 0

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

Написать

Автор*:

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

Тема*:

Сообщение

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

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

Автор:

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

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

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

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

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

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

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

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

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

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

start [/forum/topic.php?fid=22&mobile=1&tid=1443148]:	0ms
get settings:	10ms
get forum list:	12ms
check forum access:	4ms
check topic access:	4ms
track hit:	34ms
get topic data:	12ms
get forum data:	3ms
get page messages:	50ms
get tp. blocked users:	2ms
others:	290ms

total:	421ms