# Ajudantes do DOM: ATTRD, HIDDEN, VISIBLE, WIDTH, STYLE, NODEMOVE, DIFFDOM e APPEARANCE > Leia atributos data, pergunte se um elemento é mostrado ou está no ecrã, acrescente estilos substituíveis, mova elementos dentro do seu pai, atualize uma lista sem a redesenhar e defina as cores e o modo escuro da página. Framework: jcomponent20 Product: jComponent 20 (jcomponent@20) Language: pt Content-SHA256: 1953d109d6d40cff42515ba948f08ab044ab0d8fac41e467747f70b3d5824961 Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c Sources: jcomponent20@3fedd009a277f50fddc608b97afbec553b67c51b Review: not-recorded - `ATTRD(element or event, [name])` lê `data-` (por omissão `data-id`) de um elemento, de um objeto jQuery ou do elemento de um evento; num objeto simples lê a propriedade. - `HIDDEN(element)` é `true` quando o elemento não é mostrado (ele ou um pai tem `display: none`; **um elemento filho direto do body é sempre indicado como não oculto**, a verificação começa no seu pai); `VISIBLE(element, [threshold], [mode])` é `true` quando está dentro da parte visível da janela (`mode` `'above'` ou `'below'` pergunta onde está quando não está). `NOTFOCUSED()` é `true` quando o separador do navegador está em segundo plano e `inDOM(element)` é verdadeiro enquanto o elemento está no documento. - `WIDTH([element])` devolve a classe de tamanho da largura do elemento (por omissão: a janela): `'xs'`, `'sm'`, `'md'` ou `'lg'` (os limites estão em `DEF.devices`). `WW` e `WH` são o tamanho da janela; `$W` é o objeto jQuery da janela; `SCROLLBARWIDTH()` é a largura que ocupa uma barra de deslocamento. - `SCROLLBAR(element, [options])` envolve um elemento com uma barra de deslocamento personalizada e devolve-o; `scrollbar.resize()` recalcula-a depois de o conteúdo mudar. - `isTOUCH`, `isMOBILE`, `isROBOT`, `isSTANDALONE`, `isPRIVATEMODE` e `isIE` são booleanos sobre o navegador, definidos quando a página arranca. - `STYLE(css, [id], [selector])` acrescenta um `