cartman1984: Zugriff auf DOM-Elemente mit display:hidden;

Beitrag lesen

Hallo Leute,

ihr habt mir letztens schon super geholfen mit dem Hinzufügen von EventHandlern, jetzt hakt es mit dem Verständnis schon wieder.

Ich habe auf vielen Seiten Icons mit Fragezeichen, denen ich ein Mouseover-Event verpassen will, das eine Popupbox öffnet mit einem Hilfe-Text.

Die Icons sehen so aus:

  
<div class="icon_help">  
  <div class="tooltip_text" style="display: none;">Dies ist der Hilfstext.</div>  
</div>  

Setzen will ich den Text für das Popup mit folgendm Code:

  
for (var i=0;i<tooltips.length;i++) {  
  if (tooltips[i].hasChildNodes()){  
    tooltip_text = tooltips[i].firstChildNode.innerHTML;  
  } else {  
    tooltip_text = "";  
  }  
...  

Obwohl das Array "tooltips" mit den richtigen Elementen gefüllt ist und mir Firebug die ChildNodes auch anzeigt, gibt die Funktion hasChildNodes() immer false zurück. Liegt es daran, dass der innere Div display:hidden als Eigenschaft hat?

Vielen Dank für eure Hilfe!!!

Cartman