从Javascript获取HTML区域标记名？

我想在一个人点击后显示区域标记名。不幸的是，当我为地图区域使用下面的代码时，我得到了未定义的obiekt名称。这很奇怪，因为对于文本框“kot”，它工作得很好

<script>

function metoda(obiekt)
{
    alert(obiekt.name); //Here I get undefined!
}

</script>

<input type='text' value='kot' name='das' onclick='metoda(this);'></input>
<map name='mapkama'>
   <area 
      name='AE' 
      shape='POLY' 
      coords='285,87,287,90,288,87,285,87' 
      href='#'  
      title='' 
      onclick='metoda(this); return false;'>
</map>

<img usemap="#mapkama" src='http://myimage.com/image'>

功能梅托达（obiekt）
{
警报（obiekt.name）；//这里我没有定义！
}

---

如何从metoda函数中显示区域名称？

下面的代码正确地返回名称的值

<script> 

function metoda(obiekt) 
{ 
    alert(obiekt.name); 
} 

</script> 

<input type='text' value='kot' name='das' onclick='metoda(this);'></input> 

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap" />

<map name="planetmap">
  <area name='AE1' shape="rect" coords="0,0,82,126" href="#" alt="Sun" onclick='metoda(this); return false;'/>
</map> 

功能梅托达（obiekt）
{ 
警报（obiekt.name）；
} 

---

唯一的区别是，我使用的是矩形，而你们使用的是多边形。您可以检查一下使用rect或circle是否有帮助。

使用jquery，您可以通过

<script type="text/javascript"> 

function metoda(obiekt) 
{ 
    alert(obiekt.getAttribute("name")); 
} 

</script> 

<input type='text' value='kot' name='das' onclick='metoda(this);'></input> 

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap" />

<map name="planetmap">
  <area name='AE1' shape="rect" coords="0,0,82,126" href="#" alt="Sun" onclick='metoda(this); return false;'/>
</map> 

功能梅托达（obiekt）
{ 
警报（obiekt.getAttribute（“名称”）；
} 

不幸的是，除非该区域具有可见元素，否则无法单击该区域。@rob我已添加了具有可见元素的零件，希望这能帮助您帮助我；）这仍然返回未定义。你是说对于rect，它返回未定义？我注意到的一件事是，多边形形状坐标必须正确，才能获得单击坐标-ordinates@SachinShanbhag与rob相同-未定义。我已经将我的源代码更新到了我所拥有的真实场景中，因此您将能够轻松或更好地复制它，而不是因为它是一堆代码。这个例子足够我理解了think@tomaszs-我能够在运行上述修改的代码时获得值AE作为输出。如果这有帮助，我正在使用IE8版本8.0.6001.18702 browser.hi我已经编辑了我的答案，

obiekt.getAttribute（“name”）

应该这样做。