javascript - 添加光标 :hand with JavaScript

Question

如何使用 JavaScript 在 td 元素中添加样式属性 cursor？

我已经试过了:

var tabla = document.getElementById("table");
var fila  = document.createElement("tr");
var celda1 = document.createElement("td");
var estilo = document.createElement('style');

//I check the navigator
var gko = navigator.userAgent.toLowerCase();

if (gko.indexOf('gecko') != -1)
{
// All the rest navigators
estilo.innerHTML = "td {cursor: pointer;}";
} 
else
{
//IE navigator
estilo.innerHTML = "td {cursor: hand;}";
}

fila.appendChild(celda1);
tabla.appendChild(fila);

这适用于除 Internet Explorer 9.0 之外的所有导航器。

Answer 1

cursor: hand 在 IE9 中不起作用，因为 cursor: pointer 是正确的做法。如果您需要支持 IE5，只需将两者都包含在您的 CSS 文件中并删除您的 JavaScript:

cursor: pointer;
cursor: hand;

否则，cursor: pointer; 就足够了。无论哪种情况，您实际上都不需要 JavaScript。