getElementsByClass

jonemo · 22.01.2005, 19:24

Ich weiß, dass es die JavaScript-Funktion im Titel nicht gibt, aber ich bräuchte sie. Was ich vorhabe: Ich will alle Elemente einer speziellen Klasse auf einmal ausblenden. Beispiel

HTML-Code:

<p class="falsch">das ist falsch!</p>
 <p class="richtig">das ist richtig!</p>
 <a href="javascript:change()">falsch/richtig</a>

naja, die funktion change() sollte halt alle Absätze, die richtig sind ausblenden und dafür die falschen einblenden.

Wie mach ich das?

jonemo · 24.01.2005, 20:36

zu blöde formuliert, zu schwer? warum antwortet niemand?

seb · 24.01.2005, 20:37

Es gibt getElementsByClassName().

AnnaStesia · 25.01.2005, 11:55

@seb: seit wann das denn? meines wissens nach wird getElementsByClassName() zwar seit Jahren von Entwicklern gewünscht, wurde aber nie implementiert.

was es aber gibt, ist die Eigenschaft className, damit kann man sich behelfen

Code:

<html>
<head>
<title></title>
<script type="text/javascript">
function ShowClass(c){
	var alltags = document.getElementsByTagName("p"); //für alle Tags: "*"
	for (i=0; i<alltags.length; i++){
		if (alltags[i].className==c) alltags[i].style.visibility = "hidden";
	}
}
</script>
</head>
<body>
	<p class="falsch">das ist falsch!</p>
	<p class="richtig">das ist richtig!</p>
	<a href="#" onClick="ShowClass('falsch')">falsch/richtig</a> 
</body>
</html>

hilft dir das weiter, oder hat sich das tehma eh schon erledigt?

seb · 25.01.2005, 12:09

Zitat:

@seb: seit wann das denn?

Ups...*schäääm*...mal wieder geschrieben, ohne vorher nachzudenken.

Du hast natürlich Recht. Ich hatte etwas mit "className" im Kopf und wusste, dass man damit Elemente über ihre CSS-Klasse ansprechen kann. Dass es dazu einer Schleife bedarf, mit der man erstmal alle potentiellen Zielelemente durchläuft, um dann mittels Prüfung von element.className die gesuchten zu ermitteln, ist mir in dem Moment nicht eingefallen.

Adromir · 25.01.2005, 12:13

Wenn jede Class nur einmal vorkommt, würde ich vieleicht mit GetElementById arbeiten und anstelle einer Class ne ID vergeben..

jonemo · 26.01.2005, 14:29

getElementById kenne ich ja, aber das ist in diesem Fall nicht tauglich. Und weil mir das schon seit Monate immer mal wieder nuetzlich erschien, irgendwelches Verhalten anhand der Klasse zu veraendern und ich nie was aehnliches gesehen habe, habe ich mich durchgerungen, doch mal zu fragen. auf die idee mit der schleife waere ich schon aufgrund meiner verschwindend geringen kenntnisse in javascript nie gekommen...

herzlichen dank.

Adromir · 26.01.2005, 18:59

Dann vieleicht GetElementByName (soweit ich weiß, darf das Nameattribut mehrfach verwendet werden).

AnnaStesia · 26.01.2005, 19:35

@adromir: auch auf die Gefahr hin, dass ich bei dir auf der Ignorier-Liste stehe, aber das bringt doch auch nix - name gibt es nur für ausgewählte Elemente, siehe hier, daher eignet sich das nicht für den Zugriff auf divs, paragraphen, usw.

Adromir · 26.01.2005, 19:50

@AnnaStesia: Nimmer nich.. Wieder was dazu gelernt