如何在JavaScript中应用图像映射？

Question

我的HTML文件的图像映射如下：

<map name="map" id="map">
    <area id="area" href="" shape="rect" coords="178,68,199,82" />
</map>

在JavaScript文件中，我有一个函数可以在div元素中创建id imageSection的图像：

function showImg(index) {
   var randomImgIndex = randomInteger(index);
   var imageSectionDiv = document.getElementById("imageSection");
   imageSectionDiv.style.backgroundImage = 'url(../images/img' + randomImgIndex + '.jpg)';
   imageSectionDiv.id = "myImg"

   document.getElementById("area").href = '../images/img' + randomImgIndex + '.jpg';
   document.getElementById("area").onclick = startTest;
   document.getElementById("myImg").useMap = "#map";

   return randomImgIndex;
}

此处，randomInteger是在[0, index]范围内生成随机int的函数，startTest是自定义函数。

问题是此代码不起作用。一旦我将鼠标悬停在指定的图像区域（由于onclickevent），我希望看到鼠标指针发生变化，但这不会发生。有什么想法吗？

P.S。请不要使用任何JQuery，因为我只熟悉纯JavaScript。谢谢！