Question

I am developing an MVC application and using Razor syntax.

I am using one <div> tag in a .cshtml file.

I want to use JavaScript to change the cursor icon to a hand when the cursor hovers over a particular <div> tag.

How can I do that?

Answer 1

This can be done with CSS:

div.classname { cursor:pointer; }

If it must be done with JavaScript:

document.getElementsByTagName('div')[0].addEventListener('mouseover', function(){
    this.style.cursor = 'pointer';
});