使用JavaScript更改鼠标指针

我想用一个脚本来改变我的网站上使用JavaScript的鼠标指针。 CSS做得更好，但我的要求是一个脚本，可以分发给许多人，嵌入到他们网站的头部部分。 通过CSS，这可以由

html
{
cursor: *cursorurl*
}

---

如何在JavaScript中实现同样的功能？

JavaScript非常擅长处理css

document.body.style.cursor = 'cursorurl';

 document.body.style.cursor = *cursor-url*;
 //OR
 var elementToChange = document.getElementsByTagName("body")[0];
 elementToChange.style.cursor = "url('cursor url with protocol'), auto";

或者使用jquery：

$("html").css("cursor: url('cursor url with protocol'), auto");

Firefox将无法运行，除非在图像光标后指定默认光标

还请记住，IE6仅支持

如果光标未更改：如果要相对于光标位置移动光标下的元素（例如，元素拖动），则必须在元素上强制重画：

// in plain js
document.getElementById('parentOfElementToBeRedrawn').style.display = 'none';
document.getElementById('parentOfElementToBeRedrawn').style.display = 'block';
// in jquery
$('#parentOfElementToBeRedrawn').hide().show(0);

---

工作示例：
第一个启用jQuery的页面
div{
高度：100px；
宽度：1000px；
背景色：红色；
}
您好，有一个漂亮的光标！
document.getElementsByTagName（“正文”）[0].style.cursor=“url（'http://wiki-devel.sugarlabs.org/images/e/e2/Arrow.cur“）、自动”；

查看此页：。看起来您可以在样式之外访问光标。这个页面显示了整个页面的运行情况，但我相信子元素也可以运行

document.body.style.cursor = 'wait';

---

关于@CrazyJugglerDrummer第二种方法，它将是：

elementsToChange.style.cursor = "http://wiki-devel.sugarlabs.org/images/e/e2/Arrow.cur";

---

我尝试了这个var-elementsToChange=document.getElementsByTagName（“html”）[0]；elementsToChange.style.cursor=（）；这给了我一个错误。对不起，我实际上是JS的新手。@用户对不起，答案已编辑。您需要添加url（“”），并将实际url放在引号之间：嘿！谢谢你的帮助。我改变了，但它仍然不适合我。此处->这是可行的，前提是光标实际已移动，否则它将保留现有光标

elementsToChange.style.cursor = "http://wiki-devel.sugarlabs.org/images/e/e2/Arrow.cur";