Tutoriel détaillé sur la façon d'utiliser l'extension PHP Dom pour manipuler les éléments HTML

M66 2025-06-14

introduction

DOM (Document Object Model) est un modèle d'objet standard pour le traitement des documents XML et HTML. Pour les développeurs, DOM fournit des moyens flexibles d'extraire, de modifier ou de supprimer les éléments des pages HTML. Cet article présentera comment manipuler les éléments de page HTML via l'extension DOM de PHP et aide les lecteurs à mieux maîtriser ces opérations via le code d'instance.

1. Installer et activer les extensions DOM

Pour utiliser l'extension DOM de PHP, vous devez d'abord vous assurer que l'extension est installée et activée dans l'environnement PHP. Voici les étapes pour installer et activer les extensions DOM:

Vérifiez le fichier de configuration php.ini pour confirmer qu'il contient les lignes suivantes: Extension = dom.so (linux) ou extension = dom.dll (Windows). Si la ligne est commentée, décommentez et redémarrez le serveur Web.
Ouvrez un terminal ou une invite de commande, exécutez la commande php -m , affichez les extensions PHP chargées et assurez-vous que les extensions DOM sont répertoriées.

2. Pages HTML d'analyse

La première étape de la manipulation d'une page HTML avec l'extension DOM consiste à charger le document HTML en tant qu'objet DOM. Nous pouvons utiliser la classe DomDocument dans PHP pour accomplir cette tâche. Voici un exemple simple:

$ html = &#39;<html><body><h1> Bonjour le monde!</h1></body></html> &#39;;;
$ dom = new DomDocument ();
$ Dom-> loadHTML ($ html);

Dans cet exemple, nous chargeons une chaîne HTML simple dans l'objet DomDocument pour les opérations suivantes.

3. Sélectionnez des éléments HTML

Après avoir chargé HTML, nous utilisons la classe DOMXPATH et l'expression XPATH pour sélectionner des éléments de la page. Voici comment choisir tout

Exemple de code pour les éléments:

$ xpath = new Domxpath ($ DOM);
$ elements = $ xpath-> query ("// h1");
foreach ($ Elements As $ element) {
    echo $ element-> nodevalue;
}

Dans cet exemple, nous sélectionnons toutes les pages via l'expression XPATH "// h1"

éléments et boucler à travers eux par le biais de foreach, en sortant chacun

Le contenu texte de l'élément.

4. Modifier les éléments HTML

Après avoir sélectionné un élément, nous pouvons modifier son contenu, ses propriétés ou effectuer d'autres opérations sur l'arborescence DOM. Voici un exemple de modification des éléments:

$ élément = $ dom-> getElementsByTagName ("H1") -> item (0);
$ élément-> nodevalue = "Bonjour, php!";
$ newelement = $ Dom-> CreateElement ("P", "Ceci est un nouveau paragraphe.");
$ element-> parentNode-> appendChild ($ newelement);
$ oldElement = $ Dom-> GetElementsByTagName ("H2") -> Item (0);
$ oldElement-> parentNode-> reroveChild ($ oldeDelement);
echo $ Dom-> SaveHtml ();

Dans cet exemple, nous avons modifié le premier

Le texte de l'élément, a ajouté un nouveau
élément, et supprimé

élément. Enfin, nous utilisons la méthode SaveHTML () pour sortir le HTML modifié.

en conclusion

Grâce à l'extension DOM de PHP, les développeurs peuvent facilement manipuler des éléments de page HTML pour sélectionner, modifier et supprimer les éléments. Cet article présente l'application de base de l'extension DOM via un exemple de code pour aider tout le monde à maîtriser rapidement ces compétences. Dans le développement réel, d'autres fonctions fournies par les extensions DOM peuvent être élargies et utilisées en fonction des besoins spécifiques.

Connexe

Comment utiliser PHP Extension Dom pour manipuler les éléments de la page HTML