- Головна
- 10-11 клас
- 1.2 Вебпрограмування
- JS змінює CSS
JS змінює CSS
DOM дає змогу JavaScript змінювати не тільки HTML, але й CSS. Керування подіями та елементами робить мову програмування JS потужним інструментом web-розробки. За допомогою JavaScript можна створювати інтерактивні вебсайти, які реагують на дії користувачів, забезпечують анімацію та інші функції.
Розглянемо приклад, коли під час натискання кнопки відбувається виклик функції JSCont, яка змінює текст з розділу html та перебиває стилізацію css. Початкова стилізація css: колір тла — синій, колір тексту — червоний, розмір тексту — 24 пікселі. JS змінює текст, робить його напис заголовком h1, тло документа — зеленим.
HTML
CSS
JS