js实现变成小手
在JavaScript中，可以通过修改CSS的cursor属性来实现鼠标指针变为小手（通常表示可点击元素）。以下是几种实现方式：
动态修改元素样式
通过JavaScript直接修改DOM元素的style.cursor属性：
document.getElementById("myElement").style.cursor = "pointer";添加CSS类
定义CSS类并通过JavaScript动态添加：
.clickable {
cursor: pointer;
}document.getElementById("myElement").classList.add("clickable");批量设置多个元素
通过querySelectorAll选择多个元素并统一设置：
document.querySelectorAll(".clickable-items").forEach(item => {
item.style.cursor = "pointer";
});事件触发时动态变化
在鼠标悬停时临时修改样式：
element.addEventListener('mouseover', () => {
element.style.cursor = 'pointer';
});
element.addEventListener('mouseout', () => {
element.style.cursor = 'default';
});注意事项
pointer是CSS标准值，表示手型光标- 现代浏览器都支持此属性，无需兼容性处理
- 对于按钮(
<button>)或链接(<a>)等交互元素，浏览器默认会显示手型光标
