Problem | Select Element in "div" das != "x" ist

[omatoasty]

Hallo Community,

ich habe ein kleines Problem...
Ich probiere bei einem onclick Event auf einen der Links in der section "nav" die Hintergrundfarbe des Elementes zu ändern, sowie die Hintergrundfarbe der restlichen Elemente in der section "nav" wieder auf normal zu setzen.

			
<section id="nav">	
			
    <a onclick="javascript:targetNav('nav1');" id="nav1">Nav 1</a>			
    <a onclick="javascript:targetNav('nav2');" id="nav2">Nav 2</a>
    <a onclick="javascript:targetNav('nav3');" id="nav3">Nav 3</a> 	
		
</section>

__________________________________________________ _____

Mein Javascriptcode:

            function targetNav(index){
            	            	
                // reset nav Style            	
                var searchE = document.getElementById("nav").getElementsByTagName('a');
                for(var i = 0; i < searchE.length; i++) {
                    if(searchE[i].id != index) 
                    {
                    	  t = getElementById(searchE[i].id);
                          t.style.backgroundColor = '#ECECEC';
                          t.style.color = '#5CDA1D';                                           
                    }
                }
            	
            	
            	// set "index" to Target
            	x = document.getElementById(index);
            	x.style.backgroundColor = '#5CDA1D';
            	x.style.color = '#FAFAFA';
            	
            }

oO

Ich beschäftige mich noch nicht lange mit JS... finde nur nicht meinen Fehler und andere Forumsbeiträge funken net... -.-


Hoffe mir kann jemand helfe


Gruß & Danke

[Christian Marquardt]

Wo ist was für ein Fehler?

Hast du ggf. mal debuggt? Ggf. lass dir index per alert ausgeben und ein weiteres im if, ebenso, ob überhaupt searchE eine Größe hat

Des weiteren bietet es es sich an JQuery zu nutzen -> http://api.jquery.com/category/selectors/

Da kann man Styles setzen, löschen und hinzufügen

[omatoasty]

Ok, ich werde das mal testen...

[omatoasty]

Ich habe den Fehler gefunden ;D sehr dumm.... das document. hat hier => t = getElementById(searchE[i].id); gefehlt.

Eine Frage ist die Methode mit JQuery viel besser? bzw. performance sparend?

[Christian Marquardt]

Hast du Probleme mit der Performance? Denke eher nicht. Also solltest du doch auch bewährte Framework zurückgreifen, zumal das selektieren und ändern um ein Vielfaches einfacher ist

[omatoasty]

Ne ich habe keine Performenceprobleme, aber wollte nur mal wissen was besser ist.