Struppi: JS Syntax für Anfänger: CSS-Werte bedingt in Javascript auslesen

Beitrag lesen

Da ich etwas dynamisches mit Wordpress aufsetzen möchte, frage ich mich nun, wie man die *Kombination* aus Klasse + ID ansprechen muss in Javascript.
Ich habe ein <body class="home">Tag und darin ein <div id="header"> und müsste dies in Javascript entsprechend berücksichtigen.

Ausprobiert habe ich
querySelector(div.home#header), ... (body.home) & (div.header) und
el.className = "home" & el.id = "header"
und verschiedene andere Varianten, leider ohne Erfolg.

Die richtige Variante wäre: 'body.home div#header'

Der body mit der Klasse home gefolgt von einem DIV mit der ID 'header'

querySelector kann schon nicht stimmen, da die Klasse dem Body-Tag zugeordnet ist und nicht dem div - oder ist das im Javascript egal?

Je nachdem, du kannst auch schreiben: '.home div#header', dann wäre es egal, was für ein Element die Klasse home hat

Struppi.