Javascript und css-Selectoren

[Orlok]

Hallo

Wie du die Elemente selektieren kannst, weißt du ja schon.

Wenn du den textuellen Inhalt eines Elements lesen möchtest, kannst du das mit der Eigenschaft Node.prototype.textContent machen. Das kann dann so aussehen:

const figcaptions = document.querySelectorAll('.gallery figcaption'),

      contents = Array.from(figcaptions, figcaption => figcaption.textContent);

Das ist einfacher, aber im Wesentlichen das Gleiche als wenn du die Methode Array.prototype.map() verwendest. Wenn es auch in älteren Browsern laufen soll:

var figcaptions = [].slice.call(document.querySelectorAll('.gallery figcaption'));

var contents = figcaptions.map(function(figcaption) {
  return figcaption.textContent;
});

Oder mit Schleife:

var figcaptions = document.querySelectorAll('.gallery figcaption'),

    contents = [];


for (var index = 0; index < figcaptions.length; index++) {
    contents[index] = figcations[index].textContent;
}

Viele Grüße,

Orlok