JS
Изменить атрибут кнопки кликом
Пример кода
<html>
<head>
<style>
.example { color: red; padding: 5px; width: 150px; font-size: 15px; } /*padding-поле внутреннее*/
.newClass { color: blue; padding: 15px; width: 250px; font-size: 18px; background-color: yellow; }
</style>
</head>
<body>
<p>Нажмите кнопку, чтобы изменить значение второго атрибута элемента button.</p>
<button onclick="mFunction()" class="example">Попробовать</button> <script>
function mFunction() { var a = document.getElementsByTagName("BUTTON")[0]; a.attributes[1].value = "newClass"; } /*[]-идентификатор*/
</script>
</body>
</html>
Вывод на экран
Нажмите кнопку, чтобы изменить значение второго атрибута элемента button.
Кнопка станет желтой и увиличится в размере.
Остались вопросы? Нужна помощь? Напишите администратору сайта.