Wie bekomme ich mit "js" alle Elemente/Klassen eines Dokuments?

Frage steht im Titel. Mehr gibts dazu erstmal nicht zu sagen.

1 Antwort

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, Technik, IT

25.02.2023, 17:01

let allElements = document.querySelectorAll('*');

MDN - JavaScript: document.querySelectorAll()

Du kannst einzelne Elemente oder Klassen eines bestimmten Namens auswählen, ebenso Ketten von Selektoren und noch ein paar Dinge mehr. Lies dir dazu die verlinkte Beschreibung durch und wende es angepasst in deinem JS an.

LG medmonk

Woher ich das weiß:Berufserfahrung – Full-Stack Developer

Ähnliche Beiträge

JS Funktion erst ausführen wenn Element sichtbar ist?

Ich habe eine Funktion und möchte dass diese erst ausgeführt wird wenn ein bestimmtes Element sichtbar ist... Wie könnte man das lösen?

...zum Beitrag

Aus einer Txt eine Js Datei machen (txt dokument erstellen und daraus Javascript?

Bitte Helft mir

...zum Beitrag

JS : mit onclick Farbe eines Elements ändern?

Hallo,

(der Titel der Frage mag etwas komisch klingen, aber ich wusste nicht wie ich es sonst noch formulieren soll)

ich habe mal wieder ein Problem.

Ich habe Code geschrieben, der ein Array "visualisiert" bzw. es in eine HTML Liste einfügt, nun möchte ich, dass beim klicken auf ein Element sich die Farbe des Elements ändert und zusätzlich noch anderer Code ausgeführt wird.

Mein Problem :

Ich weiß nicht welches Element geklickt wurde. Ich füge ja ein Array in eine Liste ein, unzwar immer nach der gleichen "Vorlage", danach füge ich noch Klassen hinzu und muss eben auch das onlick mit JS hinzufügen.

Es klingt hier alles sehr komisch, aber ich weiß nicht wie ich es besser erklären soll.

Ich habe nochmal einen Kommentar an der onclick stelle geschrieben.

Ich finde keine Lösung, die es möglich mach, dass man unendlich viele Elemente mit push zum Array hinzufügen kann, diese dann wieder in die Liste einfügt und es trotzdem möglich ist, dass bestimmter Code ausgeführt wird

Wer es nicht verstanden hat, ich habe auch Discord zur Not könnte ich auch versuchen es mündlich zu erklären, wie ich es meine. (schriftlich ist grade bisschen schwer)

Danke für jede Antwort.

Ich bin gerade am verzweifeln

...zum Beitrag

JS bei Click Element ausblenden?

Hi,

Meine Seite sieht momentan so aus:

Aber ich möchte nun, dass wenn ich generell auf die andere hälfte der Seite drauf tippe, dass das Menü dann wieder weggeht, wie geht das?

...zum Beitrag

JS console.log in HTML ausgeben?

Hallöchen!

Wir arbeiten gerade an einer simplen Webseite in der Schule. Dabei müssen wir sowohl HTML als auch Javascript verwenden. Nun habe ich am Ende der JS Funktion jedoch einen console.log command, welcher mir ein bestimmtes Element eines Array ausgibt. Dies ist dann auch das Endprodukt der Funktion. Wie kann ich diesen console.log command nun auf meiner Webseite ausgeben? Bzw. wie kann ich dieses Element auf meiner Webseite aus geben.

Der command:

console.log(Liste[XinOriginal)

Das Element:

"e ist der häufigste Buchstabe: " + e + " mal"

Danke für eure Hilfe!

...zum Beitrag

Wert aus <td> auslesen mit JS?

Es ist sicher eine dumme Frage aber ich komme nicht weiter. Ich möchte den inhalt einer Tabellenzelle per alert ausgeben. Der Code:

let wert = document.getElementById('DieId');
alert(wert);

doch ausgegeben wird dann [object HTMLTableCellElement].

Ich habe das häufiger auch mit anderen Elementen. Was mache ich falsch?

...zum Beitrag

Clickfunnel: Wieso funktioniert nur jedes zweite JavaScript-Element?

Ich habe in meinem ClickFunnel vier JavaScript-Elemente. Sie sind nicht direkt hintereinander, aber genau gleich gecodet.

Es handelt sich dabei um Dropdown-Elemente.

Mein Problem ist, dass das erste und dritte Element problemlos funktioniert, aber das zweite und vierte nicht. Da kommt kein Dropdown, wenn ich darauf klicke, obwohl alle Elemente gleich gecodet sind.

Woran könnte das liegen? Stehen die einander vielleicht im Weg? Ich kann es auch leider nicht anders machen, da zwischen den Elementen Bilder sind, die dazu gehören.

Hier mein Code (HTML / JS) von einem Element:

<div class="all4">
  <div class="obj">
    <button class="Produkte" style="margin-right: 1vw;">Kompressor</button>
    <div class="panel">
      <p>
        Tankinhalt: 2 × 50 Liter</br>
        Energiequelle: Honda 4Takt GX200 bleifrei</br>
        Antrieb: Riemen</br>
        Atom. Standgas: Ja</br>
        Start: Zugseil</br>
        Abgabeleistung: 490 Liter Minute bei 12 bar</br>
        Abgabeleistung: 550 Liter Minute bei 6 bar</br>
        Max. Druck: 12 bar</br>
        Abmessungen: 95cm × 51cm × 85cm (ohne Transportgriffe)</br>
        Gewicht: ca. 75 Kg</br>
        Lärm: ca. 95 Db</br>
        Garantie: 1 Jahr</br>
      </p>
    </div>
  </div>
  <script>
    var acc = document.getElementsByClassName("Produkte");
    var i;

    for (i = 0; i < acc.length; i++) {
      acc[i].addEventListener("click", function() {
        this.classList.toggle("active");
        var panel = this.nextElementSibling;

        if (panel.style.display === "block") {
          panel.style.display = "none";
        }
        else {
          panel.style.display = "block";
        }
      });
    }
  </script>

...zum Beitrag

Frage zu CSS: Bild in einem Element strecken?

Hii,

bin gerade dabei mit vanilla js, css, html ein game zu entwickeln. So sieht es bis jetzt aus:

Wie kann ich machen, dass das Bild nach unten im Element gestreckt wird, statt doppelt gezeichnet. Mein css (unfertig) sieht so aus:

Mfg Weißbrot

...zum Beitrag

Web Developer Roadmap, brauche ich das alles?

Also, ich würde gerne Projekte aufbauen und mir ein einkommen generieren, Passiv oder auch mit Homeoffice Jobs, wo ich dann Weltweit dran Arbeiten kann.

Roadmap: https://roadmap.sh/frontend

Mal ne frage zu der Roadmap....muss ich das echt alles lernen um an Jobs zu kommen, es ist echt viel und echt anstrengend, immer nur lesen, Zahlen, code, boar strengt an und ich weiß echt nciht ob ich das durchhalte, ich mache es um an eventuelles gutes Geld zu kommen um endlich meine wahren Träume Leben zu können.....aber die Zeit tickt mir davon und ich werde älter und irgendwie komme ich nur im Schneckentempo vorran.

Vielleicht sollte ich es sein lassen?

Danke Leute.

MFG

...zum Beitrag

Javascript: Mehreren Elementen eine Klasse active hinzufügen?

Hallo. Aktuell ist es so, dass wenn ich auf den Button klicke, immer nur das erste Element die Klasse active bekommt und verschwindet. Wie lautet der Befehl, damit alle Elemente, die die Klasse "TestTest" haben, die Klasse active bekommen?

Anscheinend funktioniert es mit dem Befehl: TestText.classList.toggle("active"); nur für 1 Element

hier mein code:

...zum Beitrag

Zweite Sprache mit Js?

Hallo, ich will meine Website zweisprachig machen und die Texte mit Js ändern angepasst an den Nutzer. Meine Frage wäre ob ich dasselbe auch für den Titel, die Description und den href lang tag machen kann, sodass es auch beim suchen übersetzt angezeigt wird, oder muss der JacaScript-Code zuerst geladen werden?

...zum Beitrag

Java List Implementierung?

Wenn man in Java ne eigene Liste implementieren will, also mit Hilfe von Klassen, dann gibt es ja bei der Liste immer den Knoten Head/Front

der ist erstmal auf null aber wenn ein Element drin ist wird dieser Knoten auf diesen Wert gesetzt und nicht nur Front.next sondern der ganze knoten irgendwie, hat man dann nicht Redundanz wenn Front den value hat und das jeweilige Element

...zum Beitrag

Mit Input Element rechnen (JavaScript)?

Ich fange gerade an, programmieren zu lernen (HTML, Js, CSS) und bin gerade dabei eine Website zu coden, die Meilen in Kilometer umrechnet. Man gibt beim Input Feld die Meilen ein und wenn man den Button Convert drückt sollen diese in Kilometern angegeben werden. Bei der Js Funktion mit dem Button kommt allerdings immer NaN (Not a Number) heraus, wenn ich mit dem Eingegeben weiterrechnen möchte. Wisst ihr wie man den String von der Eingabe zu einem Zahlenwert machen kann, sodass die Funktion damit weiterrechnen kann? Danke

...zum Beitrag

Scroll Schnelligkeit einzelner Elemente verändern (Website)?

Ich habe ein ELement (zB ein Div) und möchte dass dieses div langsamer nach oben scrollt als andere Elemente auf der Seite - Wir nehmen zB an ich habe 4 divs: Jedes Div soll in einer anderen Geschwindigkeit nach oben scrollen.... Wie könnte man das mit JS/CSS umsetzen? Am besten mit Erklärung - im Internet finde ich leider nur fertigen Code den ich nicht einfach so einsetzen will ohne ihn zu verstehen :)

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen