What s this in JavaScript onclick

Question

lt a onclick  javascript func this    gt here lt  a gt    What does this mean in the script

User · Answer

Here  this  is a object which contains all features properties of the dom element  you can see by   console log this     This will display all attributes properties of the dom element with hierarchy  You can manipulate the dom element by this   Also describe on the below link -  http   www quirksmode org js this html

User · Answer

In JavaScript this refers to the element containing the action  For example  if you have a function called hide     function hide element      element style display    none       Calling hide with this will hide the element  It returns only the element clicked  even if it is similar to other elements in the DOM   For example  you may have this clicking a number in the HTML below will only hide the bullet point clicked    lt ul gt     lt li class  bullet  onclick  hide this    gt 1 lt  li gt     lt li class  bullet  onclick  hide this    gt 2 lt  li gt     lt li class  bullet  onclick  hide this    gt 3 lt  li gt     lt li class  bullet  onclick  hide this    gt 4 lt  li gt   lt  ul gt

User · Answer

this referes to the object the onclick method belongs to  So inside func this would be the DOM node of the a element and this innerText would be here

User · Answer

In the case you are asking about  this represents the HTML DOM element   So it would be the  lt a gt  element that was clicked on

User · Answer

The value of event handler attributes such as onclick should just be JavaScript  without any  javascript   prefix  The javascript  pseudo-protocol is used in a URL  for example    lt a href  javascript func this   gt here lt  a gt    You should use the onclick  func this   form in preference to this though  Also note that in my example above using the javascript  pseudo-protocol  this  will refer to the window object rather than the  lt a gt  element

User · Answer

keyword this in addEventListener event   x000D   x000D  function getValue o    x000D    alert o innerHTML   x000D    x000D   x000D  function hide current    x000D    current setAttribute  style    display  none    x000D    x000D   x000D  var bullet   document querySelectorAll   bullet    x000D   x000D  for  var x in bullet     x000D    bullet x  onclick   function     x000D      hide this   x000D       x000D     x000D    x000D     Using dynamic DOM Event    x000D  document querySelector   li   addEventListener  click   function     x000D    getValue this      this   document querySelector   li   Object    x000D      x000D  li   x000D    cursor  pointer  x000D    x000D   lt ul gt  x000D     lt li onclick  getValue this    gt A lt  li gt  x000D     lt li id  li   gt B lt  li gt  x000D     lt hr   gt  x000D     lt li class  bullet   gt 1 lt  li gt  x000D     lt li class  bullet   gt 2 lt  li gt  x000D     lt li class  bullet   gt 3 lt  li gt  x000D     lt li class  bullet   gt 4 lt  li gt  x000D   lt  ul gt  x000D   x000D   x000D

User · Answer

When calling a function  the word  this  is a reference to the object that called the function   In your example  it is a reference to the anchor element  At the other end  the function call then access member variables of the element through the parameter that was passed

User · Answer

It refers to the element in the DOM to which the onclick attribute belongs    lt script type  text javascript          src  http   ajax googleapis com ajax libs jquery 1 3 2 jquery min js  gt   lt  script gt   lt script type  text javascript  gt  function func e        e  text  there       lt  script gt   lt a onclick  func this   gt here lt  a gt     This example uses jQuery

[javascript] What's "this" in JavaScript onclick?

Examples related to javascript