Prototipo - Oggetto elemento
L' oggetto Element fornisce varie funzioni di utilità per manipolare gli elementi nel DOM.
Ecco l'elenco di tutte le funzioni di utilità con esempi. Tutti i metodi qui definiti vengono aggiunti automaticamente a qualsiasi elemento a cui si accede utilizzando la funzione $ ().
Quindi, scrivendo Element.show ('firstDiv'); equivale a scrivere $ ('firstDiv'). show ();
Metodo dell'elemento prototipo
NOTE - Assicurati di avere almeno la versione 1.6 di prototype.js.
S.No. | Metodo e descrizione |
---|---|
1. | assolutizzare () Trasforma l'elemento in un elemento posizionato in modo assoluto senza modificarne la posizione nel layout di pagina. |
2. | addClassName () Aggiunge il nome di classe CSS specificato ai nomi di classe dell'elemento. |
3. | addMethods () Rende possibile unire i propri metodi all'oggetto Element, che è possibile utilizzare in seguito come metodi di elementi estesi. |
4. | adiacente() Trova tutti i fratelli dell'elemento corrente che corrispondono ai selettori forniti. |
5. | antenati () Raccoglie tutti gli antenati dell'elemento e li restituisce come un array di elementi estesi. |
6. | childElements () Raccoglie tutti i figli dell'elemento e li restituisce come un array di elementi estesi. |
7. | classNames() Deprecato. Restituisce una nuova istanza di ClassNames, un oggetto Enumerable utilizzato per leggere e scrivere i nomi delle classi CSS dell'elemento. |
8. | cleanWhitespace () Rimuove tutti i nodi di testo dell'elemento, che contengono solo spazi bianchi. Restituisce l'elemento. |
9. | clonePosition () Clona la posizione e / o le dimensioni della sorgente sull'elemento come definito dalle opzioni dell'argomento facoltativo. |
10. | cumulativeOffset () Restituisce gli offset dell'elemento dall'angolo superiore sinistro del documento. |
11. | cumulativeScrollOffset () Calcola l'offset di scorrimento cumulativo di un elemento in contenitori a scorrimento nidificati. |
12. | descendantOf () Controlla se l'elemento è un discendente di antenato. |
13. | discendenti () Raccoglie tutti i discendenti dell'elemento e li restituisce come un array di elementi estesi. |
14. | giù() Restituisce il primo discendente dell'elemento che corrisponde a cssRule. Se non viene fornita alcuna regola css, vengono considerati tutti i discendenti. Se nessun discendente corrisponde a questi criteri, viene restituito undefined. |
15. | vuoto() Verifica se l'elemento è vuoto (cioè contiene solo spazi bianchi). |
16. | estendere() Estende l'elemento con tutti i metodi contenuti in Element.Methods e Element.Methods.Simulated. |
17. | fuoco() Genera un evento personalizzato con l'elemento corrente come destinazione. |
18. | firstDescendant () Restituisce il primo figlio che è un elemento. Questo è opposto alla proprietà DOM firstChild, che restituirà qualsiasi nodo. |
19. | getDimensions () Trova la larghezza e l'altezza calcolate di un elemento e le restituisce come coppie chiave / valore di un oggetto. |
20. | getElementsByClassName Deprecato. Recupera tutti i discendenti dell'elemento, che hanno una classe CSS di className e li restituisce come un array di elementi estesi. Si prega di utilizzare $$ (). |
21. | getElementsBySelector Deprecato. Accetta un numero arbitrario di selettori CSS (stringhe) e restituisce una matrice di elementi secondari estesi che corrispondono a uno qualsiasi di essi. Si prega di utilizzare $$ (). |
22. | getHeight () Trova e restituisce l'altezza calcolata dell'elemento. |
23. | getOffsetParent () Restituisce l'antenato posizionato più vicino all'elemento. Se non ne viene trovato nessuno, viene restituito l'elemento body. |
24. | getStyle () Restituisce il valore della proprietà CSS specificato dell'elemento. La proprietà può essere specificata sia nella sua forma CSS che camelizzata. |
25. | getWidth () Trova e restituisce la larghezza calcolata dell'elemento. |
26. | hasClassName () Controlla se l'elemento ha il CSS className specificato. |
27. | nascondere() Nasconde e restituisce l'elemento. |
28. | identificare() Restituisce l'attributo id dell'elemento, se esiste, o imposta e restituisce un ID univoco generato automaticamente. |
29. | immediateDescendants() Deprecato. Raccoglie tutti i discendenti immediati dell'elemento (cioè figli) e li restituisce come un array di elementi estesi. Si prega di utilizzare childElements (). |
30. | inserire() Inserisce il contenuto prima, dopo, all'inizio o alla fine dell'elemento. |
31. | ispezionare() Restituisce la rappresentazione di stringa orientata al debug di element. |
32. | makeClipping () Simula la proprietà della clip CSS scarsamente supportata impostando il valore di overflow dell'elemento su "nascosto". Restituisce l'elemento. |
33. | makePositioned () Consente la facile creazione di un blocco contenente CSS impostando la posizione CSS dell'elemento su "relativa" se la sua posizione iniziale è "statica" o indefinita. Restituisce l'elemento. |
34. | incontro() Controlla se l'elemento corrisponde al selettore CSS specificato. |
35. | Il prossimo() Restituisce il fratello successivo dell'elemento che corrisponde alla cssRule data. |
36. | nextSiblings () Raccoglie tutti i fratelli successivi di element e li restituisce come un array di elementi estesi. |
37. | osservare() Registra un gestore di eventi sull'elemento e restituisce l'elemento. |
38. | positionOffset () Restituisce l'offset dell'elemento rispetto al suo antenato posizionato più vicino. |
39. | precedente () Restituisce il fratello precedente dell'elemento che corrisponde alla cssRule data. |
40. | previousSiblings () Raccoglie tutti i fratelli precedenti di element e li restituisce come un array di elementi estesi. |
41. | readAttribute () Restituisce il valore dell'attributo dell'elemento o null se l'attributo non è stato specificato. |
42. | ricorsivamenteCollect () Raccoglie in modo ricorsivo gli elementi la cui relazione è specificata dalla proprietà. |
43. | relativizzare () Trasforma l'elemento in un elemento posizionato relativamente senza modificarne la posizione nel layout di pagina. |
44. | rimuovere () Rimuove completamente l'elemento dal documento e lo restituisce. |
45. | removeClassName () Rimuove il className CSS dell'elemento e restituisce l'elemento. |
46. | sostituire () Sostituisce l'elemento con il contenuto dell'argomento html e restituisce l'elemento rimosso. |
47. | scrollTo () Scorre la finestra in modo che l'elemento appaia nella parte superiore della finestra. Restituisce l'elemento. |
48. | Selezionare() Accetta un numero arbitrario di selettori CSS (stringhe) e restituisce un array di discendenti estesi di elementi che corrispondono a uno di essi. |
49. | setOpacity () Imposta l'opacità visiva di un elemento mentre si lavora intorno alle incongruenze in vari browser. |
50. | setStyle () Modifica le proprietà di stile CSS dell'elemento. |
51. | spettacolo() Visualizza e restituisce l'elemento. |
52. | fratelli () Raccoglie tutti i fratelli dell'elemento e li restituisce come un array di elementi estesi. |
53. | stopObserving () Annulla la registrazione del gestore e restituisce l'elemento. |
54. | toggle () Attiva o disattiva la visibilità dell'elemento. |
55. | toggleClassName () Alterna il CSS className dell'elemento e restituisce l'elemento. |
56. | undoClipping () Imposta la proprietà di overflow CSS dell'elemento sul valore che aveva prima dell'applicazione di Element.makeClipping (). Restituisce l'elemento. |
57. | undoPositioned () Riporta l'elemento allo stato in cui era prima dell'applicazione di Element.makePositioned. Restituisce l'elemento. |
58. | su() Restituisce il primo antenato dell'elemento che corrisponde alla cssRule data. |
59. | aggiornare() Sostituisce il contenuto dell'elemento con l'argomento newContent fornito e restituisce l'elemento. |
60. | viewportOffset () Restituisce le coordinate X / Y dell'elemento rispetto alla finestra. |
61. | visibile() Restituisce un valore booleano che indica se l'elemento è visibile o meno. |
62. | avvolgere () Avvolge un elemento all'interno di un altro, quindi restituisce l'involucro. |
63. | writeAttribute () Aggiunge, specifica o rimuove gli attributi passati come hash o come coppia nome / valore. |