title: JavaScript Changing HTML's CSS Attributes in the 'onmouseover' event
body: <p>I need to change the border color of my HTML <code>&lt;li&gt;</code> element when the user takes the cursor over the item and also to change the cursor icon when the mouse is over the item. I tried this, but it says &quot;syntax error&quot;</p>
  <p><strong>HTML</strong></p>
  <pre><code>&lt;li class=&quot;post-item-parent-div&quot; onmouseover=&quot;onItemHover(this)&quot; &gt;
      &lt;!-- More HTML Code --&gt;
  &lt;/li&gt;
  </code></pre>
  <p><strong>Javascript</strong></p>
  <pre><code>function onItemHover(x) {
  
      x.border-top = &quot;12px solid #0084FD&quot;;
      x.border-left = &quot;12px solid #0084FD&quot;;
      x.cursor = &quot;pointer&quot;;
  }
  </code></pre>
  <p>I'm very new to JavaScript, so please help out :)</p>