The this keyword is used to refer to the originating object or function that it belongs to or is executed from. Such as  in the function myFunction(this).

    Example:

    function myFunction(item) {

          alert(item);

    }

    <a href="somelink" onclick="myFunction(this.id)" id="mylink">link</a>

The alert that will be displayed will read mylink, because the this keyword refers to the element <a href> and the id of that element is mylink.

When using events and forms, you will find that the this keyword offers you great control over your DOM. Let's try a form example with using the this keyword.