Форум программистов, компьютерный форум, киберфорум
JavaScript для начинающих
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.69/13: Рейтинг темы: голосов - 13, средняя оценка - 4.69
12 / 2 / 2
Регистрация: 16.06.2017
Сообщений: 532

Как при клике скрыть текст и вместо него показать другой?

22.06.2018, 15:28. Показов 2609. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Всем привет! Есть кнопка(<input type="button" />). Как сделать чтобы при клике по этой кнопке, пропал текст в блоке <div> и вместо него появился другой текст(в том же блоке div)
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
22.06.2018, 15:28
Ответы с готовыми решениями:

Показать/скрыть элемент при клике на checkbox с одинаковыми id
Доброго времени суток друзья. У меня есть много div элементов с одинаковым классом, я хочу их сортировать (показывать / скрывать) с помощью...

Как скрыть номер телефона XXX XXX а при клике показать
Народ подскажите.. Как скрыть номер телефона, например в виде +7 XXX XXXXXXX , а при клике на ссылку Показать, номер отображается +7 999...

Как сделать спойлер, чтобы при нажатии на ссылку вместо неё был другой текст?
Как сделать спойлер, чтобы при нажатии на ссылку вместо неё был другой текст?

3
супермизантроп
Эксперт JS
3941 / 2979 / 692
Регистрация: 18.04.2012
Сообщений: 8,629
22.06.2018, 15:47
в блоке <div> по определению может быть не только текст, но и html-код
вас точно интересует только текст, а не всё содержимое блока?
0
12 / 2 / 2
Регистрация: 16.06.2017
Сообщений: 532
22.06.2018, 15:51  [ТС]
все содержимое блока
0
Эксперт JS
2037 / 1096 / 409
Регистрация: 29.04.2016
Сообщений: 2,625
22.06.2018, 16:18
Цитата Сообщение от Риназ Посмотреть сообщение
все содержимое блока
Кликните здесь для просмотра всего текста

HTML5
1
2
<div>Текст</div>
<input type="button" value="Клик"/>
JavaScript
1
2
3
document.getElementsByTagName('input')[0].addEventListener('click',function(){
    document.getElementsByTagName('div')[0].innerHTML = 'Новое содержимое';
},false);

Песочница
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
22.06.2018, 16:18
Помогаю со студенческими работами здесь

Скрыть/показать текст скрипт, фокус на раскрывшийся текст
есть скрипт: взятый готовый со страниц интернета, чуть доработанный &lt;script language=&quot;JavaScript1.2&quot;&gt; &lt;!-- var...

Показать\Скрыть текст
Подскажите пожалуйста какую нибуть функцию(скрипт) для того чтобы при нажатии на заголовок открывался весь текст при повторном закривался

Блок div скрыть/показать при нажатии на кнопку "показать все"
Добрый день. На странице: https://moscow.xn--80aasvalvca.xn--p1ai/ru/rezume/massagists/belyaevdv/ не могу понять, как сделать так...

При нажатии на переключатель скрыть элемент и отобразить другой вместо него
При нажатии на кнопку скрывается одна форма и появляется другая, это всё работает, но проблема в том, что нужно дождаться полного скрытия...

Скрыть и показать блок при клике
Добрый день! не могу решить такую проблему. В начале у меня у блока задана высота в 49px и стоит свойство opacity: 0.5. При клике я хочу...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
Знаешь почему 90% людей редко бывают счастливыми?
kumehtar 14.04.2026
Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.
Фиксация колонок в отчете СКД
Maks 14.04.2026
Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .
Настройки VS Code
Loafer 13.04.2026
{ "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .
Оптимизация кода на разграничение прав доступа к элементам формы
Maks 13.04.2026
Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений
Maks 12.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .
Архитектура слоя интернета для сервера-слоя.
Hrethgir 11.04.2026
В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа
Maks 10.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru