Изменение значения параметров div'a

@inviter19 · 14.04.2013, 00:14. **Показов** 1985. **Ответов** 3

Студворк — интернет-сервис помощи студентам

Есть 2 блока и кнопка:

HTML5
1
2
3
<button onclick="aniout();aniin();>Кнопочка</button>
<div name="1" class="aniin"></div>
<div name="2" class="hidden"></div>

Требуется изменить значение класса:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
//ANIMATION OUT-->
function aniout(){
document.getElementsByClassName('aniin').class = 'aniout';
setTimeout('',1500);
document.getElementsByClassName('aniout').class = 'hidden';
}
 
//ANIMATION IN-->
function aniin2(){
document.getElementsByName('2').class = 'aniin';
}

Ожидание: жмём на кнопку и значение класса у блоков меняется. Но... не работает. В чём ошибка?

@GrozaZool · 14.04.2013, 04:23

А можно словами что хотел сделать? При клике хочешь поменять класс? Допустим если в стилях будет цвет шрифта - белый, то станет синим?
И кстати,

JavaScript
1
onclick="aniout() || aniin();"

вроде так правильнее, не?

@inviter19 · 14.04.2013, 04:33 **[ТС]**

Проблему уже решил, спасибо.

JavaScript
1
2
3
4
5
6
7
8
9
10
//ANIMATION OUT-->
function aniout(){
document.getElementsByClassName('aniin')[0].className = 'aniout';
setTimeout(function() { document.getElementsByClassName('aniout')[0].className = 'hidden'; }, 1500)
}
 
//ANIMATION IN-->
function aniin1(){
setTimeout(function() {document.getElementsByName('1')[0].className = 'aniin';}, 500)
}

Добавлено через 7 минут

Сообщение от GrozaZool

И кстати,

JavaScript
1
onclick="aniout() || aniin();"

вроде так правильнее, не?

У меня последовательно выполняется функция1, функция2. А у тебя, кажется, проверяется условие? Если не ошибаюсь, то это логические "Или"(дизъюнкция).

@GrozaZool · 14.04.2013, 04:43

да, все понял что ты хотел сделать

Я просто не в том направлении понял твой код

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .

@GrozaZool 0 / 0 / 0 Регистрация: 16.02.2013 Сообщений: 8
	14.04.2013, 04:43
	да, все понял что ты хотел сделать Я просто не в том направлении понял твой код 0