HTML | Атрибут события onclick

Опубликовано: 3 Декабря, 2021

Атрибут события onclick работает, когда пользователь нажимает кнопку. При щелчке мышью по элементу запускается скрипт.

Синтаксис:

 <element onlick = "script">

Значение атрибута: этот атрибут содержит скрипт с одним значением, который работает при щелчке мышью по элементу.

Поддерживаемые теги: этот атрибут поддерживается всеми тегами HTML, кроме <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style. > и <название>.

Пример 1:

Выход:
До:

 Кликните сюда

После:

 Добро пожаловать в GeeksforGeeks!

Пример 2: Используйте тег кнопки для вызова события.

 <!DOCTYPE html>
 < html >
    < head >
        < title >
            onclick event attribute
        </ title >
        < script >
            function funonclick() {
                document.getElementById("geeks").innerHTML =
                                "Welcome to GeeksforGeeks!";
            }
        </ script >
    </ head >
     
    < body style = "text-align:center" >
         
        <!-- onclick event call here -->
        < button onclick = "funonclick()" >
            Click Here
        </ button >
         
        < p id = "geeks" ></ p >
    </ body >
 </ html > 

Выход:

Поддерживаемый браузер: браузеры, поддерживаемые атрибутом события onclick, перечислены ниже:

Гугл Хром
Internet Explorer
Fire Fox
Сафари
Опера

Technical Scripter Picked HTML

HTML | Атрибут события onclick

РЕКОМЕНДУЕМЫЕ СТАТЬИ