javascript - 使用 JavaScript 添加光标：手

Question

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

我试过这个：

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。