Как показать и скрыть текст в Javascript?
1 ответ
от
dmitrypro77 ,
год назад
@guillermo Используйте toggle() класс чтобы показать и скрыть текст в Javascript:
Сделайте класс hidden например и display:none; и добавлять или убирать класс через toggle() метод в Javascript:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"/> <style> p.hidden{ display: none; } </style> </head> <body> <div> <p>Текст</p> <button id="button">Показать/скрыть текст</button> </div> </body> <script> let pElement = document.querySelector("p"); document.querySelector('#button').addEventListener('click', () => { pElement.classList.toggle("hidden"); }) </script> </html> |
Всегда открыт для интересных проектов. Ссылки на мои соц. сети в профиле.
15