HTML атрибут событий onclick

Атрибуты событий

Значение и применение

Атрибут событий onclick позволяет задать срабатывание скрипта при нажатии на элементе.

Поддержка браузерами

Атрибут событийChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
onclickДаДаДаДаДаДа

Синтаксис

<element onclick = "script" >

Пример использования

<!DOCTYPE html>
<html>
    <head>
        <title>Использование события onclick</title>
    </head>
    <body>
        <p id = "demo">Кликните по кнопке для запуска скрипта:</p>
        <button onclick = "mouseTest1()">Нажми меня!</button>
        <script>
        function mouseTest1() {
          var x = document.getElementById("demo"); // находим элемент с классом demo
          x.style.fontSize = "25px"; // задаем размер шрифта
          x.style.color = "orange"; // задаем цвет текста
          x.style.backgroundColor="#555555"; // задаем цвет заднего фона
        }
        </script>
    </body>
</html>

Кликните по кнопке для запуска скрипта:

Отличия HTML 4.01 от HTML 5

Нет.

Поддерживаемые теги

Все HTML-элементы, за исключением: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> и <title>.

Атрибуты событий