Javascript und css-Selectoren
bearbeitet von
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.textContent` machen. Das kann dann so aussehen:
~~~JavaScript
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.map()` verwendest. Wenn es auch in älteren Browsern laufen soll:
~~~JavaScript
var figcaptions = [].slice.call(document.querySelectorAll('.gallery figcaption'));
var contents = figcaptions.map(function(figcaption) {
return figcaption.textContent;
});
~~~
Oder mit Schleife:
~~~JavaScript
var figcaptions = document.querySelectorAll('.gallery figcaption'),
contents = [];
for (var index = 0; index < figcaptions.length; index++) {
contents[index] = figcations[index].textContent;
}
~~~
Viele Grüße,
Orlok