Wie erfasse ich die Anzahl eingeblendeter Objekte in einem DIV

[Andy Nagel]

Hallo zusammen,

ich blende Buttons in einem DIV ein oder aus und würde daher gerne in einer anderen Funktion wissen wie viele gerade zu seehhen sind.

Könnte mir da jemand helfen? Würde mich absolut freuen wenn das mit nur einer Zeile zu realisieren wäre! Und möchte mich auf jeden Fall bereits jetzt für alles von Euch bedanken.

Also bereits mein Danke und Gruß

Andreas

 

[felixprogram]

Spoiler: Alt

Da hat mich eine einfache Google-Suche schon zu einem Ergebnis geführt, aber okay.
Mit

var elems = document.getElementById('idEinesDivs').childNodes;

Erhältst du eine NodeList, die alle Kindelemente des DIVs enthält.
Das kannst du dann mit

for (var i=0; i < elems.length; i++) {
	text += elems[i].nodeName + '<br>';
}
document.getElementById('idEinesAusgabeDivs').innerHTML =text;

ausgeben, oder mit

data = elems[irgendeineZahl].innerHtml

o.ä. weiterverarbeiten

Bitte beachte, dass auch Normale Texte und Kommentare als Kindelemente mitgezählt werden

EDIT: Ups, war ja nicht deine eigentliche Frage, stand ja nur z.T. so im Titel.

Zählen kannst du alle Buttons mit:

var zahl = document.getElementsByTagName('button').length;

Edit2: Wie du das nur mit Buttons aus einem DIV schaffst, kann ich dir nicht sagen, weil ich grade nicht ausprobieren kann,ob der Code funktioniert.

 

[Andy Nagel]

Jo Hallo

und OK, so bekomme ich ja die Anzahl aller Buttons zurückgeliefert. Aber ich schreibe ja davon nur die Anzahl erhalten zu wollen, von denen die gerade zu sehen sind.

Also nochmals mein Danke und Gruß

Andreas

 

[felixprogram]

Aber ich schreibe ja davon nur die Anzahl erhalten zu wollen, von denen die gerade zu sehen sind.

Wenn alle sichtbaren Buttons eine gemeinsame Klasse haben, musst du einfach nur

var zahl = document.getElementsByTagName('button').length;

durch

var zahl = document.getElementsByClassName('sichtbareKlasse').length;

ersetzen, also TagName wird zu ClassName (Natürlich auch statt ('button') die entsprechende Klasse einfügen.)

Hoffe, es funktioniert und ich konnte weiter helfen .

 

[Tronjer]

Mit jQuery kann man auf isVisible abfragen.

 

[felixprogram]

Mit jQuery kann man auf isVisible abfragen.

Ich kenne mich nur teilweise mit JQuery aus, deswegen wusste ich das nicht.