[wuschba]

Hallo! Ich habe folgenden html-code (vereinfachtes Beispiel):

<div><img src="pic1" onmouseover="Over(this);"></div>
<div style="display:none;"><img src="pic2"></div>

Ich möchte nun in der Funktion Over() Zugriff auf das 2. Div erhalten, um das display dort zu ändern. Ich möchte jedoch nicht mit Ids arbeiten. also:

function Over(imgElement) {
  var myparent = imgElement.parentNode;
  var mydiv = myparent.nextSibling;
  if (mydiv == NULL)
  	  alert("NULL");
   else	{
          alert(mydiv.tagName);
          mydiv.style.display = "none";
   }
}

Während parent richtig ist (gecheckt durch Satzen und Ausgabe einer id), ist mydiv jedoch immer NULL. Was mache ich denn falsch?

[Gumbo]

Auch Leerraum erzeugt einen eigenen Knoten. In deinem Fall ist das der Zeilenumbruch zwischen den beiden DIV-Tags. Du müsstest also zwei Geschwister weitergehen:

function Over(imgElement) {
	var myparent = imgElement.parentNode;
	var mydiv = myparent.nextSibling.nextSibling;
	if( mydiv == undefined ) {
		alert("NULL");
	} else {
		alert(mydiv.tagName);
		mydiv.style.display = "block";
	}
}

[wuschba]

Top, danke!

[Ernie]

Der IE erkennt den Texknoten nicht, daher noch in einer while-Schleife den nodeType Prüfen, also etwa so:

function Over(imgElement) {
	var myparent = imgElement.parentNode;
	var mydiv = myparent.nextSibling;
         while(mydiv.nodeType!=1){
             mydiv=mydiv.nextSibling;
          }
	if( mydiv == undefined ) {
		alert("NULL");
	} else {
		alert(mydiv.tagName);
		mydiv.style.display = "block";
	}