javascript - 如何使div可以点击？

Question

<div><span>shanghai</span><span>male</span></div>

对于上面的div，当mouse on时，它应该变成cursor:pointer，当点击时，fire a

javascript函数，该怎么做？

编辑:以及如何在鼠标打开时更改 div 的背景颜色？

再次编辑:如何使第一个跨度的宽度=120px？似乎在 firefox 中不起作用

Answer 1

给它一个像“something”这样的 ID，然后:

var something = document.getElementById('something');

something.style.cursor = 'pointer';
something.onclick = function() {
    // do something...
};

更改背景颜色(根据您更新的问题):

something.onmouseover = function() {
    this.style.backgroundColor = 'red';
};
something.onmouseout = function() {
    this.style.backgroundColor = '';
};