✅ ASP.NET MVC - Elementmanipulation im DOM

Inhaltsverzeichnis

Neben der Möglichkeit, die Ereignisse zu manipulieren, wenn wir mit den Elementen interagieren, Javascript ermöglicht es uns, die grundlegenden Eigenschaften von diesen zu ändern, dies ist sehr nützlich, da wir mit einem Ereignis die Farbe eines Elements ändern oder vielleicht ein neues Element hinzufügen können.
Das Interessanteste ist, dass mit Hilfe von ASP.NET Wir können Routinen erstellen, die mit den Controllern interagieren, um diese Art von Verhalten dynamisch und mit Datenbankinhalten zu erzeugen.
Ändern Sie das DOMZu modifizieren Sie das DOM Wir werden verwenden jQuery Da dieses Javascript-Framework es uns ermöglicht, viel Code zu sparen und bereits über einige Funktionen verfügt, die es mit den meisten Browsern kompatibel machen, liegt letzteres daran, dass wir uns daran erinnern müssen, dass alles, was wir im DOM tun, auf der Client-Seite erfolgt seine Umgebung, die uns einschränken kann oder nicht …
CSS ändern
Das CSS ist es, was unseren Elementen in der SONNE Aus diesem Grund ist es sehr wichtig, stellen wir uns vor, dass wir eine Validierung haben und wir möchten, dass wir, wenn diese Validierung nicht bestanden wird, ein rotes Kästchen anzeigen, um den Fehler anzuzeigen, wenn wir die SONNE Dies können wir auf folgende Weise erreichen, sehen wir uns das Bild mit dem Beispiel an:

Hier markieren wir die .css()-Methode, Wie wir sehen, übergeben wir zwei Parameter, der erste Parameter ist die Eigenschaft CSS die wir hinzufügen oder aktivieren möchten, und der zweite Parameter ist der Wert, den diese Eigenschaft annehmen soll.
Neues Element hinzufügen
Wir können nicht nur bestehende Elemente ändern, wir können auch neue Elemente hinzufügen, damit können wir Text einfügen, neue Blöcke hinzufügen usw.
Welche Methode verwenden?Dafür können wir die .append()-Methode, wobei wir als Parameter den HTML-Inhalt platzieren, den wir in unser DOM einfügen möchten, das einzige, was wir beachten müssen, ist, dass wir a Element mit einer eindeutigen ID Um es als Selektor zu verwenden, sehen wir uns im folgenden Bild an, wie wir dies erreichen können.

Wir können auch Elemente entfernen, dies ist sehr wichtig, da in der Anwendung Bewegungs- und Aktionseffekte erzielt werden können, damit der Benutzer die Auswirkungen seiner Aktionen in Echtzeit sieht, dafür verwenden wir die .entfernen () Methode und drinnen übergeben wir den Selektor, den wir aus unserem DOM entfernen möchten:

VERGRÖSSERN

Hier sehen wir im Beispiel, wie wir das Element sehr einfach eliminieren, indem wir nur das Label auf dem Selektor angeben.
Andere Eigenschaften
Wir können alle Eigenschaften des Elements manipulieren, nur müssen wir uns selbst dokumentieren, da es schwierig ist, sie alle auswendig zu kennen, aber im Internet haben wir die jQuery-Anleitung mit denen wir die offizielle Dokumentation während unserer Entwicklung nutzen können.
Das Wichtigste in diesem Fall ist zu wissen, was wir tun wollen, das ist der Schlüsselpunkt, dann können wir auf dem Weg nachforschen und lernen, solange wir den grundlegenden Aspekt kennen, wird es uns gut gehen.
Damit beenden wir dieses Tutorial, wie wir sehen, ist es ziemlich einfach, auf einer höheren Ebene mit dem zu interagieren DOM-Baum, ein Großteil dieser Einrichtung ist auf jQuery wer diese Interaktion ermöglicht.Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben