# DOM-helpers: ATTRD, HIDDEN, VISIBLE, WIDTH, STYLE, NODEMOVE, DIFFDOM en APPEARANCE > Lees data-attributen, vraag of een element getoond wordt of op het scherm staat, voeg vervangbare stijlen toe, verplaats elementen binnen hun ouder, werk een lijst bij zonder opnieuw te tekenen en stel de kleuren en de donkere modus van de pagina in. Framework: jcomponent20 Product: jComponent 20 (jcomponent@20) Language: nl Content-SHA256: 308b06a36da1b34cf79afd0095b42d34deea1f08d1d2d19bb490289d063aa297 Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c Sources: jcomponent20@3fedd009a277f50fddc608b97afbec553b67c51b Review: not-recorded - `ATTRD(element or event, [name])` leest `data-` (standaard `data-id`) van een element, een jQuery-object of het element van een gebeurtenis; bij een gewoon object leest het de eigenschap. - `HIDDEN(element)` is `true` wanneer het element niet getoond wordt (het zelf of een ouder heeft `display: none`; **een element dat een direct kind van de body is, wordt altijd als niet verborgen gemeld**, de controle begint bij zijn ouder); `VISIBLE(element, [threshold], [mode])` is `true` wanneer het binnen het zichtbare deel van het venster ligt (`mode` `'above'` of `'below'` vraagt waar het is wanneer het dat niet is). `NOTFOCUSED()` is `true` wanneer het browsertabblad op de achtergrond staat en `inDOM(element)` is waar zolang het element in het document zit. - `WIDTH([element])` geeft de grootteklasse van de breedte van het element (standaard: het venster): `'xs'`, `'sm'`, `'md'` of `'lg'` (de grenzen staan in `DEF.devices`). `WW` en `WH` zijn de grootte van het venster; `$W` is het jQuery-object van het venster; `SCROLLBARWIDTH()` is de breedte die een scrollbalk inneemt. - `SCROLLBAR(element, [options])` omhult een element met een eigen scrollbalk en geeft het terug; `scrollbar.resize()` herberekent hem nadat de inhoud is gewijzigd. - `isTOUCH`, `isMOBILE`, `isROBOT`, `isSTANDALONE`, `isPRIVATEMODE` en `isIE` zijn booleans over de browser, ingesteld wanneer de pagina start. - `STYLE(css, [id], [selector])` voegt een `