JS
Изменить значение атрибута класса
Пример кода
<html>
<head>
<style>
.mystyle { width: 300px; height: 50px; background-color: green; font-size: 20px; color: white; text-align: center; margin-bottom: 10px; /*margin-bottom-поле внешнее снизу*/ }
.newClassName { width: 600px; height: 100px; background-color: blue; text-align: center; font-size: 36px; color: black; margin-bottom: 10px; }
</style>
</head>
<body>
<p>Изменить значение атрибута класса DIV /селектор "mystyle" на "newClassName"/.</p>
<div id="myDIV" class="mystyle">Элемент DIV</div>
<button onclick="myFunction()">Попробовать</button>
<script>
function myFunction() { document.getElementById("myDIV").className = "newClassName"; }
</script>
</body>
</html>
Вывод на экран
Браузер выведет результат работы скрипта - страницу с текстом :"Изменить значение атрибута класса DIV /селектор "mystyle" на "newClassName"/." с блоком зеленого цвета с текстом белого цвета "Элемент DIV" и кнопкой "Попробовать". При нажатии на кноку увеличивается размер блока и меняется цвет на синий, а текст становится черным.
Остались вопросы? Нужна помощь? Напишите администратору сайта.