Prototyp - Elementobjekt

Das Element- Objekt bietet verschiedene Dienstprogrammfunktionen zum Bearbeiten von Elementen im DOM.

Hier ist die Liste aller Dienstprogrammfunktionen mit Beispielen. Alle hier definierten Methoden werden automatisch zu jedem Element hinzugefügt, auf das mit der Funktion $ () zugegriffen wird.

Schreiben Sie also Element.show ('firstDiv'). ist dasselbe wie $ ('firstDiv') zu schreiben. show ();

Prototyp-Element-Methode

NOTE - Stellen Sie sicher, dass Sie mindestens Version 1.6 von prototype.js haben.

S.No. Methode & Beschreibung
1. absolutize ()

Verwandelt das Element in ein absolut positioniertes Element, ohne seine Position im Seitenlayout zu ändern.

2. addClassName ()

Fügt den angegebenen CSS-Klassennamen zu den Klassennamen des Elements hinzu.

3. addMethods ()

Ermöglicht das Einmischen eigener Methoden in das Element-Objekt, das Sie später als Methoden für erweiterte Elemente verwenden können.

4. benachbart()

Findet alle Geschwister des aktuellen Elements, die mit den angegebenen Selektoren übereinstimmen.

5. Vorfahren ()

Sammelt alle Vorfahren des Elements und gibt sie als Array erweiterter Elemente zurück.

6. childElements ()

Sammelt alle untergeordneten Elemente des Elements und gibt sie als Array erweiterter Elemente zurück.

7.

classNames()

Veraltet. Gibt eine neue Instanz von ClassNames zurück, ein Enumerable-Objekt, das zum Lesen und Schreiben von CSS-Klassennamen von Elementen verwendet wird.

8. cleanWhitespace ()

Entfernt alle Textknoten des Elements, die nur Leerzeichen enthalten. Gibt ein Element zurück.

9. clonePosition ()

Klont die Position und / oder Dimensionen der Quelle auf das Element, wie durch die optionalen Argumentoptionen definiert.

10. cumulativeOffset ()

Gibt die Versätze des Elements aus der oberen linken Ecke des Dokuments zurück.

11. cumulativeScrollOffset ()

Berechnet den kumulativen Bildlaufversatz eines Elements in verschachtelten Bildlaufcontainern.

12. Nachkomme von ()

Überprüft, ob das Element ein Nachkomme des Vorfahren ist.

13. Nachkommenschaft()

Sammelt alle Nachkommen des Elements und gibt sie als Array erweiterter Elemente zurück.

14. Nieder()

Gibt den ersten Nachkommen des Elements zurück, der mit cssRule übereinstimmt. Wenn keine cssRule angegeben ist, werden alle Nachkommen berücksichtigt. Wenn kein Nachkomme diese Kriterien erfüllt, wird undefiniert zurückgegeben.

15. leer()

Testet, ob das Element leer ist (dh nur Leerzeichen enthält).

16. erweitern()

Erweitert das Element mit allen in Element.Methods und Element.Methods.Simulated enthaltenen Methoden.

17. Feuer()

Löst ein benutzerdefiniertes Ereignis mit dem aktuellen Element als Ziel aus.

18. firstDescendant ()

Gibt das erste untergeordnete Element zurück, das ein Element ist. Dies steht im Gegensatz zur Eigenschaft firstChild DOM, die jeden Knoten zurückgibt.

19. getDimensions ()

Findet die berechnete Breite und Höhe eines Elements und gibt sie als Schlüssel / Wert-Paare eines Objekts zurück.

20.

getElementsByClassName

Veraltet. Ruft alle Nachkommen des Elements ab, die eine CSS-Klasse von className haben, und gibt sie als Array erweiterter Elemente zurück. Bitte benutzen Sie $$ ().

21.

getElementsBySelector

Veraltet. Nimmt eine beliebige Anzahl von CSS-Selektoren (Zeichenfolgen) und gibt ein Array erweiterter untergeordneter Elemente des Elements zurück, die mit einem dieser Elemente übereinstimmen. Bitte benutzen Sie $$ ().

22. getHeight ()

Findet die berechnete Höhe des Elements und gibt sie zurück.

23. getOffsetParent ()

Gibt den am nächsten positionierten Vorfahren des Elements zurück. Wird keine gefunden, wird das body-Element zurückgegeben.

24. getStyle ()

Gibt den angegebenen CSS-Eigenschaftswert des Elements zurück. Die Eigenschaft kann entweder in CSS- oder in Kamelform angegeben werden.

25. getWidth ()

Findet die berechnete Elementbreite und gibt sie zurück.

26. hasClassName ()

Überprüft, ob das Element den angegebenen CSS-Klassennamen hat.

27. ausblenden()

Blendet das Element aus und gibt es zurück.

28. identifizieren()

Gibt das ID-Attribut des Elements zurück, falls vorhanden, oder legt eine eindeutige, automatisch generierte ID fest und gibt diese zurück.

29.

immediateDescendants()

Veraltet. Sammelt alle unmittelbaren Nachkommen des Elements (dh untergeordnete Elemente) und gibt sie als Array erweiterter Elemente zurück. Bitte verwenden Sie childElements ().

30. einfügen()

Fügt den Inhalt vor, nach, oben oder unten im Element ein.

31. prüfen()

Gibt die debug-orientierte Zeichenfolgendarstellung des Elements zurück.

32. makeClipping ()

Simuliert die schlecht unterstützte CSS-Clip-Eigenschaft, indem der Überlaufwert des Elements auf "versteckt" gesetzt wird. Gibt ein Element zurück.

33. makePositioned ()

Ermöglicht die einfache Erstellung von CSS-haltigen Blöcken, indem die CSS-Position des Elements auf "relativ" gesetzt wird, wenn seine Anfangsposition entweder "statisch" oder undefiniert ist. Gibt ein Element zurück.

34. Spiel()

Überprüft, ob das Element mit dem angegebenen CSS-Selektor übereinstimmt.

35. Nächster()

Gibt das folgende Geschwister des Elements zurück, das der angegebenen cssRule entspricht.

36. nextS Geschwister ()

Sammelt alle nächsten Geschwister des Elements und gibt sie als Array erweiterter Elemente zurück.

37. beobachten()

Registriert einen Ereignishandler für das Element und gibt das Element zurück.

38. positioniertOffset ()

Gibt den Versatz des Elements relativ zu seinem am nächsten positionierten Vorfahren zurück.

39. Bisherige ()

Gibt das vorherige Geschwister des Elements zurück, das der angegebenen cssRule entspricht.

40. vorherige Geschwister ()

Sammelt alle vorherigen Geschwister des Elements und gibt sie als Array erweiterter Elemente zurück.

41. readAttribute ()

Gibt den Wert des Attributs des Elements oder null zurück, wenn kein Attribut angegeben wurde.

42. rekursiv sammeln ()

Sammelt rekursiv Elemente, deren Beziehung durch die Eigenschaft angegeben wird.

43. relativieren ()

Verwandelt das Element in ein relativ positioniertes Element, ohne seine Position im Seitenlayout zu ändern.

44. entfernen ()

Entfernt das Element vollständig aus dem Dokument und gibt es zurück.

45. removeClassName ()

Entfernt den CSS-Klassennamen des Elements und gibt das Element zurück.

46. ersetzen ()

Ersetzt das Element durch den Inhalt des HTML-Arguments und gibt das entfernte Element zurück.

47. scrollTo ()

Scrollt das Fenster so, dass das Element oben im Ansichtsfenster angezeigt wird. Gibt ein Element zurück.

48. wählen()

Nimmt eine beliebige Anzahl von CSS-Selektoren (Zeichenfolgen) und gibt ein Array erweiterter Nachkommen von Elementen zurück, die mit einem von ihnen übereinstimmen.

49. setOpacity ()

Legt die visuelle Deckkraft eines Elements fest, während Inkonsistenzen in verschiedenen Browsern umgangen werden.

50. setStyle ()

Ändert die CSS-Stileigenschaften des Elements.

51. Show()

Zeigt das Element an und gibt es zurück.

52. Geschwister()

Sammelt alle Geschwister des Elements und gibt sie als Array erweiterter Elemente zurück.

53. stopObserving ()

Hebt die Registrierung des Handlers auf und gibt das Element zurück.

54. Umschalten()

Schaltet die Sichtbarkeit des Elements um.

55. toggleClassName ()

Schaltet den CSS-Klassennamen des Elements um und gibt das Element zurück.

56. undoClipping ()

Setzt die CSS-Überlaufeigenschaft des Elements auf den Wert zurück, den es vor der Anwendung von Element.makeClipping () hatte. Gibt ein Element zurück.

57. undoPositioned ()

Setzt das Element auf den Zustand zurück, in dem es war, bevor Element.makePositioned darauf angewendet wurde. Gibt ein Element zurück.

58. oben()

Gibt den ersten Vorfahren des Elements zurück, der der angegebenen cssRule entspricht.

59. aktualisieren()

Ersetzt den Inhalt des Elements durch das angegebene Argument newContent und gibt das Element zurück.

60. viewportOffset ()

Gibt die X / Y-Koordinaten des Elements relativ zum Ansichtsfenster zurück.

61. sichtbar()

Gibt einen Booleschen Wert zurück, der angibt, ob ein Element sichtbar ist oder nicht.

62. wickeln()

Wickelt ein Element in ein anderes ein und gibt dann den Wrapper zurück.

63. writeAttribute ()

Fügt Attribute hinzu, gibt sie an oder entfernt sie, die entweder als Hash oder als Name / Wert-Paar übergeben werden.