✅ WEB- und WordPress-Nachrichten, Themen, Plugins. Hier teilen wir Tipps und beste Website-Lösungen.

So manipulieren Sie das DOM mit PHP

17

Wenn es um die Manipulation des DOM geht, denken viele von uns wahrscheinlich als Erstes daran, JavaScript zu verwenden, um alles zu tun, was wir tun müssen.

Die Sprache unterstützt nicht nur nativ Funktionen dafür, neuere Funktionen von ES6 geben uns leistungsfähigere Möglichkeiten, clientseitige Skripts zu erstellen. Und wenn Sie jQuery mit WordPress verwenden, dann haben Sie die gleiche Funktionsbibliothek für, ähm, Abfragen des DOM, die wir seit Jahren haben.

Aber das Manipulieren des DOM auf der Client-Seite ist nicht immer die beste Option. Stattdessen können Sie dies auf der Serverseite tun. Und aufgrund einiger der in PHP integrierten Funktionen unterscheidet es sich nicht wesentlich von der Vorgehensweise mit JavaScript.

Außer natürlich, dass wir dies auf dem Server tun.

Wenn Sie also jemals mit dem Inhalt eines Beitrags (einem Beitragstyp oder einem benutzerdefinierten Beitragstyp) arbeiten und Tags ähnlich wie mit JavaScript bearbeiten müssen, dann ist die Verwendung der DomDocumentBibliothek eine der leistungsstärksten Werkzeuge stehen Ihnen zur Verfügung.

Nehmen wir zum Beispiel an, Sie möchten alle Absatzelemente durchlaufen, die im Inhalt des Beitrags vorhanden sind.

Es ist einfach, dies mit der besagten Bibliothek zu tun. Zuerst sollten Sie sicherstellen, dass Sie die Bibliothek in Ihrer Klasse (oder nur in Ihrer Sammlung von Funktionen) eingerichtet haben:

Richten Sie als Nächstes einen Hook für den Inhalt ein:

Stellen Sie innerhalb dieser Funktion sicher, dass Sie den Inhalt des Beitrags in die Bibliothek laden und dann nach allen pElementen suchen, ähnlich wie Sie es mit JavaScript tun würden (mit einem wichtigen Hinweis, dass Sie die Informationen richtig codieren müssen, falls hochgestellte Zeichen oder Emojis sind Gebraucht):

Von hier aus können Sie verschiedene Dinge tun, z. B. das Hinzufügen der Beitrags-ID zu einem benutzerdefinierten Attribut jedes Absatzelements. Die vollständige Funktion sähe dann etwa so aus:

Natürlich gibt es auch andere Dinge, die Sie tun können. Es ist eine Sache, das Markup zu manipulieren, bevor es an den Browser gesendet wird. Es ist jedoch eine andere Sache, den Daten Attribute hinzuzufügen, wenn sie noch nicht vorhanden sind.

Das ist, kein Wortspiel beabsichtigt – außer vielleicht nur eine Art – Inhalt für einen anderen Beitrag.

Aufnahmequelle: tommcfarlin.com

Diese Website verwendet Cookies, um Ihre Erfahrung zu verbessern. Wir gehen davon aus, dass Sie damit einverstanden sind, Sie können sich jedoch abmelden, wenn Sie möchten. Annehmen Weiterlesen