Protótipo - objeto de elemento
O objeto Element fornece várias funções utilitárias para manipular elementos no DOM.
Aqui está a lista de todas as funções de utilitário com exemplos. Todos os métodos definidos aqui são adicionados automaticamente a qualquer elemento acessado usando a função $ ().
Então, escrevendo Element.show ('firstDiv'); é o mesmo que escrever $ ('firstDiv'). show ();
Método de elemento de protótipo
NOTE - Certifique-se de ter pelo menos a versão 1.6 do prototype.js.
S.No. | Método e Descrição |
---|---|
1 | absolutize () Transforma o elemento em um elemento posicionado absolutamente sem alterar sua posição no layout da página. |
2 | addClassName () Adiciona o nome de classe CSS fornecido aos nomes de classe do elemento. |
3 - | addMethods () Torna possível misturar seus próprios métodos ao objeto Element, que você pode usar posteriormente como métodos de elementos estendidos. |
4 | adjacente() Encontra todos os irmãos do elemento atual que correspondem ao (s) seletor (es) fornecido (s). |
5 | ancestrais () Coleta todos os ancestrais do elemento e os retorna como uma matriz de elementos estendidos. |
6 | childElements () Coleta todos os filhos do elemento e os retorna como uma matriz de elementos estendidos. |
7 | classNames() Descontinuada. Retorna uma nova instância de ClassNames, um objeto Enumerable usado para ler e gravar nomes de classes CSS do elemento. |
8 | cleanWhitespace () Remove todos os nós de texto do elemento, que contêm apenas espaços em branco. Retorna o elemento. |
9 | clonePosition () Clona a posição e / ou dimensões da origem no elemento, conforme definido pelas opções opcionais do argumento. |
10 | cumulativeOffset () Retorna os deslocamentos do elemento do canto superior esquerdo do documento. |
11 | cumulativeScrollOffset () Calcula o deslocamento de rolagem cumulativo de um elemento em contêineres de rolagem aninhados. |
12 | descendantOf () Verifica se o elemento é descendente de ancestral. |
13 | descendentes () Coleta todos os descendentes do elemento e os retorna como uma matriz de elementos estendidos. |
14 | baixa() Retorna o primeiro descendente do elemento que corresponde a cssRule. Se nenhuma cssRule for fornecida, todos os descendentes serão considerados. Se nenhum descendente corresponder a esses critérios, undefined será retornado. |
15 | vazio() Testa se o elemento está vazio (ou seja, contém apenas espaços em branco). |
16 | ampliar() Estende o elemento com todos os métodos contidos em Element.Methods e Element.Methods.Simulated. |
17 | fogo() Dispara um evento personalizado com o elemento atual como seu destino. |
18 | firstDescendant () Retorna o primeiro filho que é um elemento. Isso se opõe à propriedade DOM firstChild, que retornará qualquer nó. |
19 | getDimensions () Encontra a largura e a altura calculadas de um elemento e os retorna como pares chave / valor de um objeto. |
20 | getElementsByClassName Descontinuada. Busca todos os descendentes do elemento, que têm uma classe CSS de className e os retorna como uma matriz de elementos estendidos. Use $$ (). |
21 | getElementsBySelector Descontinuada. Obtém um número arbitrário de seletores CSS (strings) e retorna uma matriz de filhos estendidos do elemento que correspondem a qualquer um deles. Use $$ (). |
22 | getHeight () Encontra e retorna a altura calculada do elemento. |
23 | getOffsetParent () Retorna o ancestral posicionado mais próximo do elemento. Se nenhum for encontrado, o elemento do corpo é retornado. |
24 | getStyle () Retorna o valor da propriedade CSS do elemento fornecido. A propriedade pode ser especificada em CSS ou em formato camelizado. |
25 | getWidth () Encontra e retorna a largura calculada do elemento. |
26 | hasClassName () Verifica se o elemento possui o CSS className fornecido. |
27 | ocultar() Oculta e retorna o elemento. |
28 | identificar() Retorna o atributo id do elemento, se existir, ou define e retorna um id único gerado automaticamente. |
29 | immediateDescendants() Descontinuada. Coleta todos os descendentes imediatos do elemento (ou seja, filhos) e os retorna como uma matriz de elementos estendidos. Use childElements (). |
30 | inserir() Insere conteúdo antes, depois, no topo ou na parte inferior do elemento. |
31 | inspecionar() Retorna a representação de string orientada para depuração do elemento. |
32 | makeClipping () Simula a propriedade de clipe CSS com suporte insuficiente, definindo o valor de estouro do elemento como 'oculto'. Retorna o elemento. |
33. | makePositioned () Permite a criação fácil de blocos contendo CSS, definindo a posição CSS do elemento como 'relativa' se sua posição inicial for 'estática' ou indefinida. Retorna o elemento. |
34 | partida() Verifica se o elemento corresponde ao seletor CSS fornecido. |
35 | Próximo() Retorna o irmão seguinte do elemento que corresponde ao cssRule fornecido. |
36 | nextSiblings () Coleta todos os próximos irmãos do elemento e os retorna como uma matriz de elementos estendidos. |
37 | observar() Registra um manipulador de eventos no elemento e retorna o elemento. |
38 | positionOffset () Retorna o deslocamento do elemento em relação ao seu ancestral posicionado mais próximo. |
39 | anterior () Retorna o irmão anterior do elemento que corresponde ao cssRule fornecido. |
40 | previousSiblings () Coleta todos os irmãos anteriores do elemento e os retorna como uma matriz de elementos estendidos. |
41 | readAttribute () Retorna o valor do atributo do elemento ou nulo se o atributo não foi especificado. |
42 | recursivelyCollect () Coleta recursivamente elementos cujo relacionamento é especificado por propriedade. |
43 | relativizar () Transforma o elemento em um elemento relativamente posicionado sem alterar sua posição no layout da página. |
44 | retirar () Remove completamente o elemento do documento e o retorna. |
45 | removeClassName () Remove o CSS className do elemento e retorna o elemento. |
46 | substituir () Substitui o elemento pelo conteúdo do argumento html e retorna o elemento removido. |
47 | scrollTo () Rola a janela para que o elemento apareça na parte superior da janela de visualização. Retorna o elemento. |
48 | select () Pega um número arbitrário de seletores CSS (strings) e retorna uma matriz de descendentes estendidos do elemento que correspondem a qualquer um deles. |
49. | setOpacity () Define a opacidade visual de um elemento enquanto contorna inconsistências em vários navegadores. |
50. | setStyle () Modifica as propriedades de estilo CSS do elemento. |
51 | exposição() Exibe e retorna o elemento. |
52 | irmãos() Coleta todos os irmãos do elemento e os retorna como uma matriz de elementos estendidos. |
53 | stopObserving () Cancela o registro do manipulador e retorna o elemento. |
54 | alternancia() Alterna a visibilidade do elemento. |
55. | toggleClassName () Alterna o CSS className do elemento e retorna o elemento. |
56 | undoClipping () Define a propriedade de estouro de CSS do elemento de volta para o valor que tinha antes de Element.makeClipping () ser aplicado. Retorna o elemento. |
57 | undoPositioned () Define o elemento de volta ao estado em que estava antes de Element.makePositioned ser aplicado a ele. Retorna o elemento. |
58 | acima() Retorna o primeiro ancestral do elemento que corresponde ao cssRule fornecido. |
59. | atualizar() Substitui o conteúdo do elemento pelo argumento newContent fornecido e retorna o elemento. |
60 | viewportOffset () Retorna as coordenadas X / Y do elemento em relação à janela de visualização. |
61 | visível() Retorna um booleano indicando se o elemento está visível ou não. |
62 | embrulho() Envolve um elemento dentro de outro e retorna o invólucro. |
63 | writeAttribute () Adiciona, especifica ou remove atributos passados como um hash ou um par nome / valor. |