properties von area Element werden nicht erkannt

[Artis]

Hallo zusammen.
Ich hoffe ihr könnt mir helfen. Ich will Attribute eines area Elementes austauschen. dafür benutze ich dieses Script:

function area_koor(str) {
  var array = str.split("|");
  for(var i = 0; i < array.length; i++) {
    var array_temp = array[i].split("#");
    document.getElementById("area_"+array_temp[0]).setAttribute("coords", array_temp[1]);
  }
}

In der Variable str steht z.B. das hier:
0#35,100,70,135,35,170,0,135|1#105,100,140,135,105,170,70,135

Nun gibt es ca. 180 area Elemte die ungefähr so aussehen:
<area id="area_0" shape="poly" coords="35,100,70,135,35,170,0,135" alt="0" title="0">
<area id="area_1" shape="poly" coords="105,100,140,135,105,170,70,135" alt="1" title="1">

Aber das ganze will einfach nicht funktionieren. Ich hab den Fehler meines Erachtens auch eingeschränkt auf die Element-ID, also das "area_"+array_temp[0]
Da steht jedoch das richtige drin und wenn ich das testweise ausgefüllt schreibe alert(document.getElementById("area_0").getAttribute("coords"));
dann gibt er mir auch ein richtiges Ergebnis aus (area_0).

Meine Frage ist also, wieso erkennt er die Verbindung aus Zeichenkette und Variablenwert nicht als gültigen Wert? Ich hoffe das ihr mir das erklären könnt. Und für ein Lösung meines Problems wäre ich auch sehr dankbar