Wie im JavaScript eine class aus Html-Gerüst ansprechen?

Hallo,

kann mir jemand sagen oder evtl zeigen wo das gut erklärt steht, wie ich eine Klasse aus dem Html-Gerüst in einem JavaScript anspreche.

Solche Dinge wie <main> oder <section> spreche ich ja einfach mit dem Namen an wie z.b.

• main
• section

Doch Klassen bekommen zumindest in CSS einen Punkt davor zum Ansprechen.Z.b.:

html:

<div class="groups">

css:

.groups { ... }

Doch wie spreche ich Klassen im JavaScript an. Ich habe bisher immer ohne js websites erstellt und möchte mich nun doch mit js mehr beschäftigen.

LG Lengo19

Answer 1

[Erzesel]

document.getElementsByClassName("className")

https://www.w3schools.com/jsref/met_document_getelementsbyclassname.asp

Hintergrundfarbe einer Klasse ändern:

document.getElementsByClassName('groups')[0].style.backgroundColor = 'red'

für alle Elemente einer Klasse:

https://stackoverflow.com/questions/45699821/manipulating-style-with-getelementsbyclassname

Comments

[Lengo19]

Super, danke :) Ich bin demnach ein js Neuling und vertiefe mich in diese Sprache :) Daaaanke!