# DOM-Helfer: ATTRD, HIDDEN, VISIBLE, WIDTH, STYLE, NODEMOVE, DIFFDOM und APPEARANCE > Lies data-Attribute, frage, ob ein Element angezeigt wird oder auf dem Bildschirm ist, füge ersetzbare Styles hinzu, verschiebe Elemente in ihrem Elternelement, aktualisiere eine Liste ohne Neuzeichnen und setze Farben und Dunkelmodus der Seite. Framework: jcomponent20 Product: jComponent 20 (jcomponent@20) Language: de Content-SHA256: f7e371d3860c4e40c97476f7db9acc22be79a5afeca5717b8dd449cd2412fba6 Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c Sources: jcomponent20@3fedd009a277f50fddc608b97afbec553b67c51b Review: not-recorded - `ATTRD(element or event, [name])` liest `data-` (Standard `data-id`) eines Elements, eines jQuery-Objekts oder des Elements eines Ereignisses; bei einem einfachen Objekt liest es die Eigenschaft. - `HIDDEN(element)` ist `true`, wenn das Element nicht angezeigt wird (es oder ein Elternelement hat `display: none`; **ein Element, das direktes Kind des body ist, wird immer als nicht verborgen gemeldet**, die Prüfung beginnt bei seinem Elternelement); `VISIBLE(element, [threshold], [mode])` ist `true`, wenn es im sichtbaren Teil des Fensters liegt (`mode` `'above'` oder `'below'` fragt, wo es ist, wenn nicht). `NOTFOCUSED()` ist `true`, wenn der Browser-Tab im Hintergrund ist, und `inDOM(element)` ist wahr, solange das Element im Dokument ist. - `WIDTH([element])` gibt die Größenklasse der Breite des Elements zurück (Standard: das Fenster): `'xs'`, `'sm'`, `'md'` oder `'lg'` (die Grenzen stehen in `DEF.devices`). `WW` und `WH` sind die Größe des Fensters; `$W` ist das jQuery-Objekt des Fensters; `SCROLLBARWIDTH()` ist die Breite, die eine Scrollleiste einnimmt. - `SCROLLBAR(element, [options])` umhüllt ein Element mit einer eigenen Scrollleiste und gibt es zurück; `scrollbar.resize()` berechnet sie neu, nachdem sich der Inhalt geändert hat. - `isTOUCH`, `isMOBILE`, `isROBOT`, `isSTANDALONE`, `isPRIVATEMODE` und `isIE` sind Booleans über den Browser, die beim Start der Seite gesetzt werden. - `STYLE(css, [id], [selector])` fügt dem Head ein `