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 – UI/UX Designer, Full-Stack Developer

Ähnliche Fragen

Wie benutze ich btn in js richtig?

Hi, ich möchte das wenn man auf den btn klickt das die anderen elemente nicht mehr zusehen sind bzw. auszublenden aber wenn man wieder auf den btn klickt ist alles wieder beim normalen wie mache ich das

...zur Frage

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

...zur Frage

Ist ein coding bootcamp seriös?

Hallo zusammen,

ich möchte mich nach ausgiebigen Überlegungen mit web-development beschäftigen.

Ich habe diverse Angebote in Form von sogenannten coding bootcamps gesehen und wollte wissen ob da jemand Erfahrungen hat.

Kann man das wirklich in remote, auf so kurze Zeit (ca. 4 Monate lernen, und das man dan auch für Arbeitgeber interessant wird (Arbeitsvermittlung wird dort auch angeboten) und man den Beruf auch wirklich ausüben kann.

Oder geht es mehr darum, dass die Anbieter ,,nur'' Geld dabei verdienen.

Coding/programmieren ist ein nicht endender Lernprozess, das ist mir bewusst.

Danke vielmals! Auf eure Antworten freue ich mich :)

...zur Frage

js externe klasse einbinden?

Hallo, Ich habe 2 .js Dateien. In einer sind Klassen die andere ist meine Main.js. Wie kann ich jetzt die Klassen.js in meiner Main.js ausführen bzw einbinden?

...zur Frage

CSS Text Mittig ausrichten trotz max-width?

Hi,

also ich habe ein Text erstellt, und habe diesem gesagt "text-align: center", und eine max-width: 20%;

Aber ernimmt zwar jetzt die 20% max-width, aber zentriert den Text nicht mehr Links?

warum?

...zur Frage

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 :)

...zur Frage

Was kommt nach HTML > CSS >?

1.Html

2.Css

Wie sollte man weiter machen?

...zur Frage

Wie schwierig ist es für einen Anfänger eine Webseite zu erstellen mit Figma? (Siehe Aufgabe unten)?

Ich muss für mein Studium als Prüfungsleistungen so eine Webseite erstellen mit diesen Anforderungen. Wir dürfen auch Figma benutzen, dazu ist ja kein Coding notwendig. Wie schwierig ist es dort sowas alles zu erstellen? Wie viel Zeit würde ich dafür brauchen, der 0 Erfahrung mit Figma hat?

Mit freundlichen Grüßen

...zur Frage

Stimmt es, dass heutige Programmierung nur noch aus Frameworks zusammenschustern besteht?

...zur Frage

Wer kann besser programmieren?

Wer kann besser programmieren, ein Informatiker mit Studium(FH) oder ein Fachinformatiker für Anwendungsentwicklung?

Freut mich sehr eure Meinungen dazu zu hören

...zur Frage

Welche Zertifikate braucht ein Programierer?

Welche Zertifikate soll ein Programierer auf jeden fall haben der keine Informatikstudiu hat?

...zur Frage

Undisabled eines Buttons durch JavaScript?

Hallo,

ich möchte mit Hilfe von JavaScript einen Button, der vorher disabled war, wieder aktiviert, sodass er undisabled ist. Die funktioniert leider nicht und ich habe kein Ahnung an was es liegen könnte.

Mein HTML Code:

<body>

</body>

}

Mein Javascript Code:

let button = document.getElementbyid('button' );

function Test() {

button.disabled = false;

}

Weiß jemand an was es liegen könnte?

...zur Frage

Text unter Bild in HTML hinzufügen?

Ich habe ein Bild. Darunter habe ich ein Text platziert. Allerdings geht der Horizontal von links nach rechts, was es auch soll. Nur soll er da anfangen, wo auch das Bild beginnt und enden, wo das Bild endet. In den zwei Bildern könnt ihr erkennen, wie es es gerade habe und nicht will und wie ich es gerne haben würde.

<!DOCTYPE html>
<html>
<head>
    <title>Film- und Serienbeschreibungen</title>
  


  <style>
    img {
        display: block;
        margin: 0 auto;
        width: 1000px;
        border-radius: 10px;
    }


    body {
        text-align: center;
    }


    p {
        
    }
  </style>
</head>
  <body>
    <img src="mrrobotscene.jpg">
    <h1>Mr. Robot - Beschreibung</h1>
    <p>Mr. Robot ist eine US-amerikanische Fernsehserie, die von Sam Esmail entwickelt wurde. Die Serie handelt von Elliot Alderson, einem jungen Programmierer, der für eine Cyber-Sicherheitsfirma arbeitet und in seiner Freizeit zum Hacker wird. Elliot leidet unter sozialen Ängsten und Depressionen und verfällt in eine Art Schizophrenie, die von seinem imaginären Freund, Mr. Robot, ausgelöst wird</p>
    
  </body>
</html>

...zur Frage

JS mehrere Button(gleiche klassen) nur der erste betätig bar?

Hallo zusammen,
anbei ein Foto. Wenn ich auf den Button "Note hinzufügen" klicke, reagiert immer nur der obere. Die neu erstellen(die darauf folgenden) reagieren nicht. Alle haben die gleiche CSS-Class. Untendrunter noch der Code-Schnipsel. Woran könnte das liegen ?
Mfg.
Emre

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen