当然可以,有DOM一切Dynamic变为可能function toCirc()
{
  document.all.Map1.areas(0).shape="circ";
  document.all.Map1.areas(0).coords="50,50,20";
}
</script>
<input type="button" onclick="toCirc()" value="Change map area">
<img src="InterDev.jpg" border="0" usemap="#Map1">
<map name="Map1">
            <area id=area1 shape="poly" style="border:thin inset" coords="81,33,90,50,75,57,67,33" href="#">
</map>

解决方案 »

  1.   

    对应属性为
     map1.areas(0).coords //0可以改成相应的area的index
      

  2.   

    如何在下面的情况中,按“+”号时,同时把激活区相应的增大呢?
    <SCRIPT LANGUAGE="JavaScript">
    var w=100,h=100
    </script><img src="csdn.gif" style="width:expression(w);height:expression(h)">
    <map name="Map1">
                <area id=area1 shape="poly" style="border:thin inset" coords="81,33,90,50,75,57,67,33" href="#">
    </map>
    <input type=button onclick="w+=10;h+=10" value=+>
    <input type=button onclick="w-=10;h-=10" value=->
      

  3.   

    <SCRIPT LANGUAGE="JavaScript">
    var ystep=10;
    var xstep=10;
    function parseCoords()
    {
    document.all.img1.style.posWidth +=xstep;
    document.all.img1.style.posHeight +=ystep;
    var Rect = [document.all.img1.style.posWidth,document.all.img1.style.posHeight];
    var point=document.all.Map1.areas(0).coords.split(",");
    var pX = ((xstep+parseInt(Rect[0]))/parseInt(Rect[0]));
    var pY = ((ystep+parseInt(Rect[1]))/parseInt(Rect[1]));
    for (var i=0;i<point.length;i++)
    point[i]=parseInt((i%2==0)?parseInt(point[i])*pX:parseInt(point[i])*pY);
    document.all.Map1.areas(0).coords=point.toString();

    }
    </script><img id=img1 src="csdn.gif" style="width:100;height:100" usemap="#Map1">
    <map name="Map1" id="Map1">
                <area id=area1 shape="poly" style="border:thin inset" coords="81,33,90,50,75,57,67,33" href="#">
    </map>
    <input type=button onclick="parseCoords()" value=+>
    <input type=button onclick="parseCoords()" value=->