title: "This" Keyword Usage in Element
body: <p>In this code "this" keyword is used in the div element in function calls parameter, so my question is that "this" keyword is used for object or global object like window, so why here we used "this" keyword whats the purpose of using this here, kindly Explain someone.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
  &lt;body&gt;
  &lt;link type="text/css" rel="stylesheet" href="example.css"&gt;
  
  &lt;div class="d1" onclick="highlight(this)"&gt;1 
      &lt;div class="d2" onclick="highlight(this)"&gt;2
          &lt;div class="d3" onclick="highlight(this)"&gt;3
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;script&gt;
  function highlight(elem) {
      elem.style.backgroundColor='yellow'
      alert(elem.className)
      elem.style.backgroundColor = ''
  }
  &lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>