Получить имя тега области HTML из Javascript?

Question

Я бы хотел показать название тега области после щелчка на нем. К сожалению, когда я использую код ниже для области карты, я получаю undefined имя obiekt name. Это странно, потому что для textbox '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'> 

Как отобразить название области из функции metoda?

Answer 1

с помощью 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> 

Answer 2

Приведенный ниже код возвращает мне правильное значение имени.

<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> 

Единственное отличие в том, что я использую прямоугольную форму, тогда как вы используете poly. Можете ли вы проверить, поможет ли вам использование прямоугольника или круга.